@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'MYRIADPROREGULAR';
	src: url('MYRIADPROREGULAR.eot');
	src: local('fonts/fonts/MYRIADPROREGULAR'), 
	url('fonts/MYRIADPROREGULAR.woff') format('woff'), 
	url('fonts/MYRIADPROREGULAR.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_4410">Text with this font applied</p> */
.fontsforweb_fontid_4410 {
	font-family: 'MYRIADPROREGULAR' !important;
}

/* Font downloaded from FontsForWeb.com */


@font-face {
	font-family: 'MyriadProBoldCondensed';
	src: url('fonts/MyriadProBoldCondensed.eot');
	src: local('fonts/MyriadProBoldCondensed'), 
	url('fonts/MyriadProBoldCondensed.woff') format('woff'), 
	url('fonts/MyriadProBoldCondensed.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_6603">Text with this font applied</p> */
.fontsforweb_fontid_6603 {
	font-family: 'MyriadProBoldCondensed' !important;
}

/* Font downloaded from FontsForWeb.com */

li{ list-style-type:none;}

body{
	 margin:0;
	 padding:0;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 background:url(/images/body-bg.jpg) top center repeat-x;
	 }
	 

.wrap {
    background: url("/images/shadow-wrap.png") no-repeat scroll center 0px rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 0;
    width: 1048px;
}	 
	 
.wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 1000px;
} 
	 
#header{
	    margin:0 auto;
		padding:0;
		height:184px;
		width:1000px;
		}	
		 
.topbar{
	    margin:0;
		padding:0;
		height:93px;
		}	 
	 
.topbar-left{
			 margin:0;
			 padding:24px 0 0 0;
			 width:388px;
			 float:left;
			}	 
	 

.topbar-right {
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 320px;
}	 
	 


.top-menu {
    float: right;
    margin: 10px 0 26px;
    padding: 0;
    width: 213px;
	color:#0A71B5;
}
		  
.top-menu ul{ margin:0; padding:0; list-style:none; }		  
		  
.top-menu li{ float:left; padding-right:5px; }

.top-menu a {
    color: #0A71B5;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0 5px 0 20px;
	margin:0;
	text-decoration:none;
}

.top-menu a:hover{ text-decoration:underline;}
			
			
.one {
    background: url("/images/prof-ico.png") no-repeat scroll left 2px rgba(0, 0, 0, 0);
    padding: 0;
}	

.two{ background:url(/images/settings-ico.png) no-repeat left 2px;}



.three{ background:url(/images/logout-ico.png) no-repeat left 2px;}
		   
	 
.social {
    float: right;
    margin: 0;
    padding: 0;
    width: 108px;
}	 
	 
.social a{ margin-right:10px;}	 
	 
	 
.menubar{
	  margin:0;
	  padding:0;
	  background:url(/images/menu-bg.png) top center no-repeat;
	  }	 
	 
	 
.menubar ul{
	  margin:0;
	  padding:0;
	  list-style:none;
	  }	 	 
	 
.menubar li{ float:left;}	 
	 
.menubar a {
    color: #FFFFFF;
    float: left;
    font-family:'Myriad Pro';
    font-size: 14px;
    padding: 16px 20px;
    text-decoration: none;
    text-transform: uppercase;
	background:url(/images/sep-menu.png) bottom right no-repeat;
}

.menubar a:hover, .menubar a.active{ background:url(/images/hover.png) bottom center repeat-x;}

.menubar ul ul {
    background: none repeat scroll 0 0 #0967a7;
    display: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 141px;
}	 
	 
	 
.menubar ul ul li{ float:none; width:100%; padding:10px; border-bottom:1px dotted #045480;}	

.menubar ul ul li a{ float:none; width:100% !important; background:none !important;}		 
	 
	 
	 
.menubar li:hover ul{ display:block; overflow:hidden;}		  		  
				  
		
.menubar li:hover{ background: url(/images/but-bg.jpg) top center repeat-x; }		
		
			
			
.menubar ul ul a{ width:100%; text-align:left; text-transform:capitalize;}
	 
	 
	 
.article{
	     margin:0;
		 padding:14px 0 0 0;
		 font-family:Arial, Helvetica, sans-serif;
		 color:#0a71b5;
		 font-size:12px;
		 }	 
	 
.content{
	         margin:0;
			 padding:0;
			 width:720px;
			 float:left;
			 }
			 

.container {
    border: 1px dotted #2B6381;
    border-radius: 7px;
    float: left;
    margin: 24px;
    overflow: hidden;
    padding: 20px;
    width: 630px;
}


.container a{
    border-bottom: 1px dotted;
    color: #03466B;
    text-decoration: none;
}

.container a:hover{ border:none; color:#0a71b5;}

.left{
    border-right: 1px dotted #CCCCCC;
    float: left;
    margin: 0;
    padding: 0;
    width: 370px;
}

.right{ margin:0; padding:0; width:200px; float:right;}

	
.group {
    color: #03466B;
    float: right;
    margin: 0;
    padding: 0;
    width: 214px;
}

.group textarea {
    margin-bottom: 5px;
    margin-left: 4px;
    min-height: 180px;
}



#sender select{ 
               border-radius:15px; 
			   padding:2px 5px;
			   border:1px solid #ccc;
			   background:#fff;
			   min-width:160px;
			   margin:10px 0;
			   }
			   

#sender textarea {
    margin: 0 0 0px;
    min-height: 84px;
    padding: 0;
    width: 184px;
}

.time{ margin:0; padding:0; width:50px;}



.savetemp {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color;
    border-image: none;
    border-style: none none dotted;
    border-width: medium medium 1px;
    color: #03466B;
    cursor: pointer;
    float: right;
    font-family: verdana !important;
    font-size: 12px !important;
    margin: -16px 0 10px;
}


.savetemp:hover{ color:#03466b;}
.savegroup:hover{ color:#03466b !important;}


.button {
    background: url("/images/but-bg.jpg") repeat-x scroll center top rgba(0, 0, 0, 0);
    border: 1px solid #89D9FA;
    border-radius: 15px;
    box-shadow: 2px 2px 4px #03466B;
    color: #FFFFFF !important;
    cursor: pointer;
    float: left;
    font-size: 14px !important;
    margin: 10px 10px 14px 0;
    padding: 4px 14px !important;
}
			   
#sender option{ 
               border-radius:15px;
			   }
			   
#sender{ margin:0; padding:0;}
			   			   
			   
#sender span {
    background: none repeat scroll 0 0 #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0 24px 0 0;
    padding: 0;
    text-align: right;
    width: 154px;
}	

#sender label {
    padding: 0;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#sender input {
    padding: 0;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}		   
			   
.sidebar {
    background: url("/images/sidebar-shadow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: right;
    margin: 0;
    min-height: 524px;
    overflow: hidden;
    padding: 0;
    width: 280px;
}			 	
		 
#formright{
    margin: 20px auto;
    padding: 0;
    width: 224px;
}			  
	
#formright label {
    border-bottom: 1px dotted #CCCCCC;
    float: left;
    margin-bottom: 10px;
    padding: 0 0 4px;
    width: 100% !important;
}

#formright input {
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    padding: 4px 10px;
    width: 180px;
}	 
	 
#login-footer {
    border-top: 1px dotted #CCCCCC;
    color: #444444 !important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    min-height: 60px;
    padding: 0;
    text-align: center;
    width: 100%;
}
		
#login-footer p{ margin:0; padding:0; line-height:20px;}		
		
.main-footer{
	    margin:0 auto;
		padding:20px;
		width:1000px;
		text-align:center;
		}			

#login-footer a{ 
          text-decoration:none;
		  color:#444;
		  }
	 
#login-footer a:hover{ 
          text-decoration:underline;
		  }	 
	 
	 
table{ margin:0; padding:0; border:0;}	 
	 
	 
table td {
    border: 0 none;
    margin: 0 0 0px;
    text-align: right;
    width: 166px;
}	

	 
table input {
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    float: left;
    margin: 5px 0;
    padding: 4px !important;
}

h3 {
    border-bottom: 1px dotted;
    color: #03466B;
    font-family: 'Myriad Pro';
    font-size: 20px;
    margin: 20px;
    padding: 0 0 4px;
    width: 65%;
}

ul{ margin:0; padding:0; list-style:none;}



.login_box {
    margin: 0 auto 28px;
    width: 100%;
}

.login_top {
    background: url("/images/login-top-img.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-size: 28px;
    margin: 0 auto;
    padding: 36px 0;
    text-align: center;
    width: 618px;
}


.login_top p {
    font-family: 'MyriadProBoldCondensed';
    margin: 0;
    padding: 0 0 0 40px;
}

.main-box {
    margin: 10px auto;
    padding: 0 0 14px 100px;
    width: 618px;
}

.main-box img {
    border: medium none;
    margin: 0;
    padding: 0;
}

.main-box ul{ margin:0 auto; padding:0; list-style:none; width:294px;}

.main-box li{ margin:0 0 14px 0;}


.main-box span {
    font-family: arial;
    font-size: 12px;
    min-width: 100px;
}


.main-box input {
    background: url("/images/signin-inbox.png") repeat-x scroll center top rgba(0, 0, 0, 0);
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    float: right;
    margin: 5px 0 0 0px;
    padding: 6px;
    width: 242px;
}


.login_logo {
    margin-left: auto;
    margin-right: auto;
    padding: 24px 40px 20px;
    width: 308px;
	margin-bottom:80px;
}
	 
	 
.linkCon {
    clear: both;
    float: left;
    margin-bottom: 6px;
    margin-top: 10px;
    text-align: left;
    width: 100%;
}

.main-box a{ color:#2c82bb; font-family:'Myriad Pro'; font-size:16px;}

	 
.login-button {
    background: url("/images/login-button.png") no-repeat scroll center top rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    color: #FFFFFF;
    cursor: pointer;
    float: right !important;
    font-family: 'Myriad Pro';
    font-size: 14px;
    margin-top: -5px !important;
    padding-bottom: 10px !important;
    text-transform: uppercase;
    width: 84px !important;
}


.login-button:hover { text-decoration:underline;}