BODY
{
	margin: 0px;
	font-size:0.7em;
	/* animates the font size transitions in MoSimple */
    transition:all .0s linear;  
    -o-transition:all .0s linear;  
    -moz-transition:all .0s linear;  
    -webkit-transition:all .0s linear;
}

/*utility classes*/

.oneLineOnMobile
{
	clear:both;
	display:block;
}

.buttonSpacing
{
	padding:5px;
}

/* navigation replacement */

#masterMenu, #masterMenu ul{width:100% !important;}
#masterMenu #logo
{
    opacity: 0;    
}
#masterMenu ul li{width: 24%;display: inline-block;}
#masterMenu ul li a{ text-indent: -9999px;}

#masterMenu ul li.optional,#sidebar * .optional{display: none;}


#OptionsLink
{
	color: transparent !important;
	min-width: 40px;
	height: 40px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMZJREFUeNq01dENwiAQBuCLcYCOwki4STfBR+OTG3QE3MARcIMT9C4iKYUe55/8DzTkC7SEAiKCoDbW4zehnCNBHf4moWYUtj2oBPYFPNfm7oWxY8VpHEbhEjc0Rg2Y8ZlRHPxwW1n2ordO2EpWem2grudU1LZ/WXnmaX7zuLXeqd1a1F/QGjyMrsEqaAmroTmsijLM6BL70EAZDtn1NxW4Ff5h4AAAU+wdPnlSU06xZxDmSKijsaEOoe/Q9n12/Ym3n/clwADUSb8CP/bCoAAAAABJRU5ErkJggg==) !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed;
	background-position: center center !important;
}

#GetMail
{
	color: transparent !important;
	min-width: 40px;
	height: 40px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK1JREFUeNqsVIkNgDAIPF1ER3EUR9AJ1EkcyVHaDSpGTHwoEYXkbIVy0GtTpJQawpL8beNsQJ9A6AizI/nMnKHY/rDbxOOAf3blyVX+0LWoBHLaGYuE3FnCmmBtCNYtWyXFi63XhFGIjRxTpSyV2xAJPWEhVDyPJ3/FscMvm9J5e+vu0Pp+NtJaVSItISh+MQcG8jdX9ZELJ/IsBxzJxSJwJn8UwYdnwfR8rAIMACz9LSsvtD0MAAAAAElFTkSuQmCC) !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed;
	background-position: center center !important;
}

#Compose
{
	color: transparent !important;
	min-width: 40px;
	height: 40px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAASCAYAAACw50UTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAL5JREFUeNpi+P//vwAQ7/9PPngPxA1AzAA16zxUPIGBQoNhIAFquAOyIAMSG2Y7qTgAycUBSI6dz4BmETkYOSjeQ31hAJKj1HBkg2FgPkyeEsPxGkyJ4QQNJtdwogwmx3CiDSbVcJIMJtVwfAaDkt56cg1XIODi99jMYGEgDjhA6QdAvAGIC9HkBbBpYgRbB2XjMdwASl/AIY/VDGINJwSwmsGExG7A5T0CoAG3ldQpcpGLXZTUQs3KAgUDBBgA6BFbTWi2EhwAAAAASUVORK5CYII=) !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed;
	background-position: center center !important;
}

#SignOut
{
	color: transparent !important;
	min-width: 40px;
	height: 40px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARhJREFUeNpiYKAzYMQm+P//f34gZUCmmRcYGRk/kqQDaKH9f/KBPT6zWYiwfwIQfyBCXQIQK5AVJmg+fA/E/kTo2U+MD5mIsF8AiDcADaqnRqJhIkGtA70tZBhsFoISVgMwSxyki4VAiwJBeRAY1/o0txBUUABxPyhxQRMZRfmQkGUgHy1AKpkSgGKgBPYA6OuFlJQ0+7Goy4fm0//EqCfbh9CyFuSrAHql0gnkWEa2hcC4SYQWBAew1RZQ8QuU1hb7caj1B+L7xNYWTFTIfxuBWBFaWzwgpJ6FiiXNBajFdCvaJoCClt6FtwK9LSQ7WzwgKVlTaiEw8h9C89kEeocALE/ex5UPkQtxQnmQ1Oonn2EUEAEAAgwA6pkIznawFIMAAAAASUVORK5CYII=) !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed;
	background-position: center center !important;
}

#content
{
    width: 100%;
    float:right;
    margin-left: 0px;
    z-index:0;
}

#sidebar
{
	padding: 2px;
	margin-left: -2000px;
	left: 0px;
	top: 50px;
	height: auto;
	width: auto;
	border-left: 1px solid-black;
	overflow: auto;
	background: white;
	z-index:1;
	position: absolute;
}

.pageInfo
{
	margin-top: 6px;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	background: #fff;
	border: 1px outset;
	border-radius: 5px;
	height: 38px;
	line-height: 38px;
	z-index:2;
}

.pageInfo span{display: none !important;}

.folderTrigger
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABfSURBVDhPY/z//z8DKYCJFMUgtYxAG44cOQJk2djYQDRDuMLCwpqamphcqA179uy5fv063DYgF9lmZC5Iw/3795Gl8XNJ9gNIw927d5FtwM8lywaSQnZE2gBKS7QNJQB40SrSIrfDMAAAAABJRU5ErkJggg==) no-repeat 4px 2px;
	
	padding: 3px;
	padding-left: 21px !important;
	margin-top: 3px;
	cursor: pointer;
}

.pageListActions
{
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    vertical-align: middle;
    overflow: visible;
    border-left: 0px none;
}

.pageListActions li a, .pageListActions li button
{
    height: 40px !important;
    min-height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

.pageListActions li.caption
{
    display:block;
    border-radius:5px;
    vertical-align: middle;
    height: 40px;
}

.ulToSelect
{
	margin-bottom: 5px;
	height: 40px;
	max-height: 40px;
}

.ulToSelect li
{
    border-right: 0px none;
    display: none;
    height: 40px;
    line-height: 40px;
    width: 100%;
}

.ulToSelect li:not(:first)
{
    border-right: 0px none;
    display: none;
    height: 40px;
    background: #fff;
    border-bottom: 1px solid #ddd !important;
}

.ulToSelect li a
{
    background: #fff;
    width: 98%;
    display: block;
    height: 40px;
    line-height: 40px;
}

.ulToSelect li a:hover
{
    font-weight: bold;
}

.ulToSelect
{
    border-radius: 5px;
    margin-bottom:2px;
    margin-top: 2px;
    padding: 0px;
}

.ulToSelect .caption
{
    padding: 3px;
    width: 98%;
}

.ulToSelect .caption span img
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAo1JREFUeNrsVr1v01AQP/LyYbf5cFCRgpo2ycYQJKaWjbB1ZKwyhSFSNhjZKCMb/wEwssF/ABtsWSvakg4gJ3FsJ0ps58uPO5OiNnKcOAEqpPykk+/56b3f3b27ew9gjTWuGTemxk9QHv1lzlcoH2YZkECplctl6W4+D/1+f7ZYbv+tK3ODwQA4t52Nu4YB7U6nhmruMiGbMqCPIti2XSgWi5CIJyAWj0EsGoPo5iZsiBsgiiIIkQiEI2EIh0IQCjJgAQaBQMDxhnMU2wZ7PAbGGM6HnLmGouAcp+ieexlA+CTLcikpSVLqdgpMwwTTNMBwvijoiYFj9/+/vjRGJ35vqLfbNPcR1RfTZGzGOdVOz84O9/f2YTQarkQ+xPVyo0FqAaW9qAHHhmHgAp5Np3eWJidQ6IfDISXeOzci5pGt1a8nJ5U8JiPYfCly0zKhpWn6pLL6fg2oo0hKq3U/l836Jid8l2X6/4zyahYJm1Ozn1VVrdza2hKCmO1+yPVOG7q9XhXVx14E8wygsFlNRTnY2U4vTD62x07iYdkdTpedXwMIXyzLKmFCSkI4MpecgOcOuOY9qi/nbc4WbJ9VTdNKN5NJ7HKWJzmVXb3ZJPXAreyWNeDc5vwettY7oWBwJjmBQj8ajY4u93s/l5EXMtSgMum0017d0DV6ZACVXXYR7/1EAC42xCgU4ng3uOFHvU7RqVDeLHsdz4NzW26nUpIoiFcmVF1D0anfP/SzYcCnARSFp3Vsr9Nlp3c6pB75fRz4NYDwFpOsSh5fQFFVCv0br473p/EA73ie293leBz4AgBtkqT/FK9j0SgXBYEMeH4d78nMxPNvq2zCVlhLCSmg0Nkfr9/3a/y3+CnAAIVO/ob6n489AAAAAElFTkSuQmCC) no-repeat top left fixed;
    position: relative;
    float: right;
    width: 40px;
    height: 40px;
}

.blinder
{
    position: absolute;
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;
    z-index:1;
    background: #fff;
    opacity: 0.6;
}

.dataTable 
{
	border-collapse:collapse;
}

.dataTable .cell,.dataTable * cell
{
	padding: 5px;
}

.unread .cell, .new .cell
{
	font-weight: normal;
}

.unread .from, .unread to
{
	font-weight: bold;
}

#messageList * .from, #messageList * .to
{
	font-size: 1.1em !important;
	vertical-align: bottom
}

#messageList * .sender
{
	width:50% !important;
}

#messageList * .date
{
	width:30% !important;
	text-align: right;
}

#messageList * .subject
{
	width:85% !important;
	vertical-align: top;
}

#messageList * .selectAll
{
	width: 20px;
	overflow: visible;
}

#messageList * .status
{
	padding-left:20px !important;
	background-position: left;
}

#messageList .dataBody .flagged
{
	width:20px !important;
	text-align: right;
}

.dataTable .dataHead .dataRow .cell,.dataTable .dataBody .dataRow .cell, .dataTable .dataFoot .dataRow .cell
{
    display: table-cell !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipses;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

.dataTable * .firstRow .cell
{
	border-bottom: 0px none !important;
	padding-bottom: 2px;
}
.dataTable * .secondRow .cell
{
    padding-top: 0px;
	border-top: 0px none !important;
	border-bottom: 1px solid #ccc !important;
}

.dataTable .dataBody .dataRow .status
{
    background-position: 2px 16px;
}

/* list view */

#searchMessages
{
	padding-top: 5px;
}

/* message view */
#attachmentsContainer{width: 93%;margin-left:2%;margin-right:2%;}

/* address lookup view */

.headerFields fieldset
{
    width: 95%;
    display: inline-block;
}

/* options-folders view */

#folderList * .optional{display: none;}
