/* body { margin:0; padding:0; width:100%; background:#fafafa;} */
body {
	background-color: #fff;
	font-family: 'Arimo', Arial, helvetica, sans-serif;
	width:100%;
}
html { padding:0; margin:0;}



.main { margin:0 auto; padding:0;}
.resize { width:1200px; padding:0; margin:0 auto;}
/********** header **********/
.header_resize {background: white top repeat-x; margin:0; padding:0;}
/* .header { width:960px; padding:0; margin:0 auto; } */
 .header {
	margin: 0px auto;
	width: 1200px;
	margin-top: 100px;
	clear: both;
}

.header_blog { background: url(../images/header_block_bg.jpg) top center repeat-x; padding:20px 0 0 0; margin:0; height:380px; }
.header_blog2 { background: url(../images/header_bglog2_bg.gif) top center repeat-x; padding:20px 0 0 0; margin:0; height:105px;}
.header_blog2 h2 { width:350px; float:left; font: bold 36px Arial, Helvetica, sans-serif; color:#000000; padding:10px 0 0 15px; margin:0;}
.header_blog2 p { font: italic 12px Arial, Helvetica, sans-serif; color:#6d6d6d; padding:10px 0 0 0; margin:0; width:300px; float:right;}
.header_blog h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#1d1d1d; padding:10px 0 0 0; margin:0;}
.header_blog p { font: normal 11px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 30px 0; margin:0;}
/* logo */
.logo {padding:0 0 0 20px; margin:0; width:364px; float:left;}

/*nav */

/* mef #nav {padding:13px 0 0 0; width:510px; margin:0; float:right; list-style:none;} */
#nav  
{
	float: right;	
	margin: 30px 300px 0 20px; 
}
/* #nav li {float:left;display:block;width:90px; position:relative;z-index:500; margin:0 1px;  }  */
#nav li {
	list-style-type: none; 
	display: inline-block; 
	border-right: 1px solid #999; 
	padding: 0 10px 0 10px;
}  

#nav li.last {
    border-right: 0px solid #999;
}
    
/* this is the parent menu */
/* mef #nav li a {display:block; padding:5px 5px 0 5px; height:15px; text-decoration:none; color:black; text-align:center; font:normal 10px Arial, Helvetica, sans-serif;  text-transform:uppercase;} */
#nav li a 
{
	display:inline-block; 
	padding:6px 0 0 0; 
	height:20px; 
	line-height: 10px !important; 
	text-decoration:none; 
	color:#666; 
	font-size: 15px
}  
  
#nav li a:hover {color:#666;  text-decoration: underline; }
#nav li a:hover span {color:#666;  text-decoration: underline;  }
/* you can make a different style for default selected value */  
#nav a.orange {color: #fef4e9; font-weight:bold;}
/* submenu, it's hidden by default */   
/* #nav ul {position:absolute;left:0;display:none;margin:0 0 0 -1px;padding:0; list-style:none;}    */
#nav ul { padding:0;  margin: 0; }   
/* #nav ul li {width:100px;float:left;border-top:1px solid #fff;background:#DD5900; }  */
#nav ul li {
	list-style-type: none;
    display: inline-block;
    border-right: 1px solid #999;
	padding: 0 10px 0 10px;

}

/* display block will make the link fill the whole area of LI */    
#nav ul a {display:block;height:15px;padding: 5px 5px; color:#fef4e9;}  
       
/* #nav ul a:hover {color:#fef4e9;background: #DD5900; } */
#nav ul li a {
    display: inline-block;
    height: 20px;
    line-height: 10px !important;
    padding: 6px 0 0 0 ;
    text-decoration: none;
	color: #666;
	font-size: 15px;

}
/* #nav ul a:hover span {color:#fef4e9;  background:#DD5900;   } */
#nav ul li a:hover {
    text-decoration: underline;
    color: #fff
}




/* body */
.body_resize  { padding:0; width:1200px; margin:0 auto;}
.body { padding:20px 0; margin:0 auto; background:#fafafa; border-top:none; }
.body h2 { font:normal 20px Arial, Helvetica, sans-serif; color:#000000; padding:5px; margin:0;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#4F4F4F; line-height:1.8em; padding:3px 5px; margin:0;}
.body p span { color:#247ca4; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; padding:5px 0; margin:0;}
.body a { color:#247ca4; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}
.body img { margin:5px auto; padding:0;}
.body img.floated { float:left; margin:10px 10px; padding:0;}
.full { margin:0; padding:10px;}
.right { width:300px;margin:0; padding:10px; float:right;}
.left {width:600px;margin:0; padding:10px; float:left;}
.blog_port { width:430px; margin:0 5px; padding:15px 10px; float:left; border:1px solid #ddd; background:#fefefe;}
.blog_port img { margin:0; padding:0 5px 10px 5px; float:none;}
.butons { width:50px; margin:10px auto; padding:0;}
/*.body_bottom */
.body_bottom { background:#f8f8f8; padding:0; margin:0; border-bottom:1px solid #e9e9e9;}
/* .body_bottom .block { width:650px; float:left; padding:15px 10px; margin:0;} */
.body_bottom .block {
	background: #fff url(../images/login_bg_handset.jpg) left top no-repeat;
	float: right;
	width: 100%;
	height: 380px;
	padding-top: 35px;
}

.body_bottom .block2 { width:100%; float:left; padding:15px 10px; margin:0;}

.body_bottom h1  
{
	background: #333;
	color: #fff;
	font-size: 31px;
	padding: 2px 20px 2px 35px;
	margin-top: 5px;
	display: inline-block;
}
.body_bottom h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#171717; padding:5px 5px; margin:0;}
.body_bottom h2 span { font: italic 11px Arial, Helvetica, sans-serif; color:#247ca4;}
.body_bottom p { font: normal 12px Arial, Helvetica, sans-serif; color:#4F4F4F; padding:10px 5px; margin:0; line-height:1.8em;}
.body_bottom img { float:left; margin:10px 10px 10px 0; padding:0;}
/*
.body_bottom ul { font: normal 14px  Arial, Helvetica, sans-serif; color:#4F4F4F; }
.body_bottom li{ font: normal 14px sans-serif; color:#4F4F4F; padding:1px 1px; margin:0; line-height:1.8em;}
*/

.body_bottom_resize {  padding:0; margin:0 auto;}

/*************footer**********/
.footer {padding:0;  margin:0; border-top:1px solid #e9e9e9; background:#ffffff;}
.footer_resize { width:1200px; margin:0 auto; padding:20px 10px;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#777;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#777; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right;} 
.footer p.leftt { text-align:center; width:550px; margin:0; padding:15px 0 0 0; float:left;}
.footer p.center { text-align:center; width:550px; margin:0; padding:15px 0 0 0; margin-left:auto; margin-right:auto;}


p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { float:right; clear:both; border-top:1px solid #e2e2e2; width:100%; padding:0; margin:5px 0; background:none; line-height:0;}


#login-fields .accounttype {display:inline; width:160px;  padding:2px 3px 2px 3px; 
border:0;margin:1px 0px 0px 6px;font: 11px Arial, Helvetica, sans-serif;color:#000000;border:1px solid lightgray}
#login-fields .login {display:inline; width:154px;  padding:2px 3px 2px 3px; 
border:0; margin:1px 0px 0px 6px;font: 11px Arial, Helvetica, sans-serif;color:#000000; border:1px solid lightgray}

#login-fields .submitbutton {margin: 5px 1px 0 0;
background:none; font: 11px Arial, Helvetica, sans-serif;}


#login-fields label {
   font: 12px Arial, Helvetica, sans-serif;color:#000000;
    margin-top: 10px;
    display: block;
    padding:2px 3px 2px 3px;
}

#content-right {
    padding: 10px !important;
   border:1px solid lightgray
    /* height: 200px; */
}


#column-title {   
    color:#292929;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}

#login-fields div {
    padding: 4px;
}


.left-column, .right-column {
 float:left;
  width:49%; 
  font: normal 11px Arial, Helvetica, sans-serif;
}

.table-cell {
	padding:5px;
	border:1px dotted lightgray;
	height:80px;
	color:#898989;
	background:#FAE1D7;
}

.table-header {
	font: bold 12px Arial, Helvetica, sans-serif;
}
/*button test*/

.button {
 display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 12px/100% Arial, Helvetica, sans-serif;
 padding: .5em 2em .55em;text-shadow: 0 1px 1px rgba(0,0,0,.3);
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px; 
 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
 box-shadow: 0 1px 1px rgba(0,0,0,.2);
}
 
.button:hover {text-decoration: none;}
 

.button:active {position: relative;top: 1px;}


.offwhite {color: #000000;border: solid 1px #DBDBDB;background: #F5F3F2;}


.orange {color: #fef4e9;border: solid 1px #da7c0c;background: #DD5900;
 
/*
 background: -webkit-gradient(linear, left top, left bottom, from(#E36109), to(#DD5900));
 background: -moz-linear-gradient(top,  #E36109,  #DD5900);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E36109', endColorstr='#DD5900');
 */
}
 

.orange:hover {background: #f47c20;
 
/*
 background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
 background: -moz-linear-gradient(top,  #f88e11,  #f06015);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
 */
}
 

.orange:active {color: #fcd3a5; background:#DD5900;
 
/*
 background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
 background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
 */
}

.button-left {
	margin-left: 35px;
	float: left;
}
.button-right {
	margin-left: 170px;
	float: left;
}

.btn-grey {
	background-color: #333;
	padding: 5px 20px;
	color: #fff;
	text-decoration: none;
	border-right: 3px;
	-webkit-border-radius: 3px;
	font-size: 14px;
	text-shadow: 1px 1px 0px black;
	
}

.btn-orange {
	background-color: #f37b00;
	padding: 5px 20px;
	color: #fff;
	text-decoration: none;
	border-right: 3px;
	-webkit-border-radius: 3px;
	font-size: 14px;
	text-shadow: 1px 1px 0px black;
	
}

.btn-grey:hover {
	background-color: #000;
}

.btn-orange:hover {
		background-color: #d36b00;
}