/*=======================     Default Rules Reset     =======================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td, hr{margin:0;padding:0;}table{border-spacing:0;}fieldset,img{border:0;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-size:12px;}legend{color:#000;}:focus { outline:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block; margin:0; padding:0;}
audio, canvas, video{display: inline-block; *display: inline; *zoom: 1;}
hr{border:none; background:#000; height:1px; margin:5px;}
audio:not([controls]){display: none;}

/*=======================     Font Embedding Rules     =======================*/
@font-face {
	font-family:'MyriadProRegular';
    src: url('../fonts/myriadpro-regular-webfont.eot');
    src: url('../fonts/myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-regular-webfont.woff') format('woff'),
         url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-regular-webfont.svg#webfontlmgo2yxa') format('svg');
}

@font-face {
    font-family:'MyriadProSemibold';
    src: url('../fonts/myriadpro-semibold-webfont.eot');
    src: url('../fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-semibold-webfont.woff') format('woff'),
         url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-semibold-webfont.svg#MyriadProSemibold') format('svg');
}
@font-face {
    font-family:'MyriadProbold';
    src: url('../fonts/myriadpro-bold-webfont.eot');
    src: url('../fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-bold-webfont.woff') format('woff'),
         url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
}

/*=======================     General Rules     =======================*/
body{font:14px/1.4 'MyriadProRegular', Arial, Helvetica, sans-serif; color:#545454;}
a{color:#c53f13;}
a:hover{text-decoration:none;}
p{margin:.6em 0;}
ul, ol{margin:.6em 0 .6em 20px;}
nav ul, nav ol, .navigation ul, .navigation ol{margin:0; list-style:none;}
nav li, nav li, .navigation li, .navigation li{float:left;}
.content_row:before, .content_row:after{content:''; display:block; clear:both; zoom:1}
.content_row{margin:auto; position:relative; max-width:970px;}
.clear{clear:both; height:0; font-size:0;}
hr{background:#bbb; margin:10px 0; border:none; size:1;}
a .ui_icon, a.ui_icon{text-decoration:none!important; cursor:pointer;}
input[type=submit], input[type=button], button{overflow:visible; cursor:pointer;}

/*=======================     Floating Rules     =======================*/
.f_left{float:left!important;} 
.f_right{float:right!important;}
.f_none{float:none!important;}

/*=======================     Text Rules     =======================*/
.t_right {text-align:right!important;} 
.t_center {text-align:center!important;}  
.t_left {text-align:left !important;}

h1, h2, h3, h4, h5, h6{margin-bottom:.4em; font-weight:normal; font-family:'MyriadProSemibold'; line-height:1.25;}
h1~h2, h2~h2, h3~h2, h4~h2, h5~h2, h6~h2,
h1~h3, h2~h3, h3~h3, h4~h3, h5~h3, h6~h3,
h1~h4, h2~h4, h3~h4, h4~h4, h5~h4, h6~h4,
h1~h5, h2~h5, h3~h5, h4~h5, h5~h5, h6~h5,
h1~h6, h2~h6, h3~h6, h4~h6, h5~h6, h6~h6{margin-top:1em;}

h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}
h5{font-size:1.2em;}
h6{font-size:1em; text-transform:uppercase;}

/*=======================     Vertical Aligining Rules     =======================*/
.v_top {vertical-align:top}
.v_middle {vertical-align:middle}
.v_bottom {vertical-align:bottom}
.v_t_bottom {vertical-align:text-bottom;}
img.v_middle, input.v_middle{margin-bottom:.1em;}

/*=======================     UI Icons Rules     =======================*/
.ui_icon{display:inline-block; vertical-align:middle; margin-bottom:0.15em; background:url(../../prelogin_images/ui_icons.png);}
.icon_16{width:16px; height:16px;}
.icon_24{width:24px; height:24px;}
.icon_50{width:50px; height:50px;}
.icon_capability_mapping{background-position:0 0;}
.icon_process_analysis{background-position:-53px 0;}
.icon_requirements{background-position:0 -53px;}
.icon_strategy{background-position:-53px -53px;}
.icon_product{background-position:0 -106px;}
.icon_enterprise{background-position:-53px -106px;}
.icon_lens{background-position:0 -159px;}
.icon_signup{background-position:-53px -159px;}
.icon_architects{background-position:0 -212px;}
.icon_managers{background-position:-53px -212px;}
.icon_business_analysts{background-position:0 -265px;}
.icon_project_managers {background-position:-53px -265px;}
.icon_question{background-position:0 -319px;}
.icon_need_info{background-position:-53px -319px;}


/*=======================     CSS3 Rules     =======================*/


/*=======================     Form elements Rules     =======================*/
input, select, textarea{background:#fff; border:0; padding:5px; vertical-align:middle; margin-bottom:.1em; font-family:Arial, Helvetica, sans-serif; color:#989898;}
textarea{overflow:auto; resize:none;}
.button{text-decoration:none; white-space:nowrap; display:inline-block; vertical-align:middle; margin-bottom:.15em; text-shadow:1px 1px 1px #356e03; padding:5px 15px; border:4px solid #e4e4e4; border-radius:10px;}

/*=======================     Page Rules     =======================*/
body{background:#f2f2f2 url(../../prelogin_images/bg_body.jpg);}

#site_header{background: none repeat scroll 0 0 #FFFFFF;}
#site_logo {float: left; padding: 9px 0 6px;}
#site_logo a { background: url("../../prelogin_images/capstera_logo.png") no-repeat scroll 0 center transparent; display: block; height: 55px; width: 300px;}
#site_logo a span { display: none
}
#site_navigation { float: right; font-size: 16px; padding: 30px 0 0;}
#site_navigation a { border-bottom: 5px solid transparent; color: #151C23; display: block; font-family: 'MyriadProSemibold'; font-size: 16px; margin: 0 15px; padding: 0 0 5px; text-decoration: none;}
#site_navigation a:hover, #site_header #site_navigation .current-menu-item a, #site_header #site_navigation .current-page-ancestor a { border-bottom: 5px solid #329B29; color: #329B29;}
#site_navigation li.login { border-left: 2px solid #D9D9D9; margin-bottom: 12px;}
#site_navigation li.login a { background: url("../../prelogin_images/orange_btn_login.png") repeat-x scroll 0 0 transparent; border-radius: 3px 3px 3px 3px; color: #FFFFFF; font-size: 16px; height: 28px; line-height: 25px; margin: 0 0 0 15px; padding: 0 18px; text-shadow: 0 1px 1px #555555;}
#site_navigation li.login a:hover, #site_navigation li.login a { border: medium none;}
#site_banner { background: url("../../prelogin_images/banner_bg.png") repeat-x scroll 0 0 transparent; overflow: hidden; padding: 29px 0 20px;}
#site_banner h1 { color: #FFFFFF; font-family: 'MyriadProbold'; font-size: 38px; margin-bottom: 20px; position: relative; text-align: center; text-shadow: 1px 1px 3px #000000;}

/*
#site_header{padding-top:17px; background:#fff;}
#site_logo{float:left;}
#site_logo a {background: url("../../prelogin_images/capstera_logo.png") no-repeat scroll 0 center transparent;display: block;height: 51px;width: 300px;}
#site_logo a span{display:none;}

#site_navigation{float:right; font-size:16px;}
#site_navigation a{font-family:'MyriadProSemibold'; font-size:16px; color:#151c23; text-decoration:none; margin:0 15px; padding:5px 0 15px 0; display:block; border-bottom:5px solid transparent;}
#site_navigation a:hover, #site_header #site_navigation .current_page a{color:#ff5c3d; border-bottom:5px solid #ff5c3d;}
#site_navigation li.login{border-left:2px solid #d9d9d9;} 
#site_navigation li.login a{background:url(../../prelogin_images/blue_btn_bg.jpg) 0 0 repeat-x; height:28px; padding:0 12px; font-size:16px; color:#fff; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; line-height:28px;margin-right:0;}
#site_navigation li.login a:hover, #site_navigation li.login a{border:none;}
#site_banner{background:url(../../prelogin_images/banner_bg.png) 0 center repeat-x; padding:35px 0 40px; overflow:hidden;}

*/
#site_banner h1{font-family:'MyriadProbold'; font-size:38px; color:#fff; text-shadow:1px 1px 3px #000000; text-align:center; margin-bottom:20px;}
.banner_text{width:35%; float:left;}
.banner_img{width:60%; float:left;}
#site_banner .banner_text ul{list-style:none; margin-left:0; min-height:300px;}
#site_banner .banner_text ul li{background:url(../../prelogin_images/bg_banner_list.png) 0 center no-repeat; padding:5px 0 5px 30px; font-family:'MyriadProRegular'; font-size:20px; color:#d6d6d6; border-bottom:1px dashed #76828c;}
.orange_btn{background:url(../../prelogin_images/orange_btn.jpg) 0 0 repeat-x; padding:0 20px; font-family:'MyriadProSemibold'; font-size:16px; color:#fff; display:inline-block; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; text-shadow:0 1px 1px #000000;}

.tagline{padding:0 70px 25px;}
.tagline h2{font-family:'MyriadProRegular'; font-size:26px; color:#000; text-align:center;}

.about_capstera li{background:#f7f7f7; box-shadow:1px 1px 5px #e4e4e4; padding:22px 30px 20px; text-align:center; list-style:none; float:left; width:235px; margin-left:30px; cursor:pointer;}
.about_capstera li:first-child{margin-left:0;}
.about_capstera li:hover{background:#fff; box-shadow:1px 1px 5px #d3d3d3;}
.about_capstera li span{background:url(../../prelogin_images/ui_icon_info.png) 0 0 no-repeat; display:inline-block; width:123px; height:121px; margin-bottom:12px;}
.about_capstera li h3{font-family:'MyriadProSemibold'; font-size:22px; color:#000;}
.about_capstera li p{font-family:'MyriadProRegular'; font-size:16px; color:#5d5d5d;}
.about_capstera li p .click{background:url(../../prelogin_images/arrow_orange.png) right center no-repeat; font-family:'MyriadProSemibold'; color:#ff5c3d; display:inline-block; width:105px;}
.about_capstera li span.info{background-position:0 0;}
.about_capstera li:hover span.info{background-position:0 -126px;}
.about_capstera li span.trial{background-position:-126px 0;}
.about_capstera li:hover span.trial{background-position:-126px -126px;}
.about_capstera li span.subscribe{background-position:-251px 0;}
.about_capstera li:hover span.subscribe{background-position:-251px -126px;}


#main_content_wrapper{padding:42px 20px 20px;}
#left_content_wrapper{width:655px; float:left;}
#left_content_wrapper h2{font-family:'MyriadProSemibold'; font-size:22px; color:#000;}

.capstera_facility_wrapper{margin-left:-25px;}
.capstera_facility_wrapper .capstera_facility{width:295px; float:left; margin:10px 0 0 25px; min-height:150px; }
.capstera_facility_wrapper .icon_capstera_facility{float:left; margin-right:6px;}
.capstera_facility_wrapper .capstera_facility_details{overflow:hidden;}
.capstera_facility_wrapper .capstera_facility_details h5{font-family:'MyriadProSemibold'; font-size:17px; color:#000; margin:0;}
.capstera_facility_wrapper .capstera_facility_details p{margin:.25em 0; font-size:14px; color:#545454; padding-right:10px;}
#main_content_wrapper a{color:#ff5c3d; /*display:block;*/}


#sidebar_content_wrapper{width:285px; float:right;}
#sidebar_content_wrapper .widget ~ .widget{margin-top:20px;}
.widget h3{background:url(../../prelogin_images/heading_stript.png) 0 0  no-repeat; padding-left:15px;}
.widget h3 span{background:url(../../prelogin_images/heading_stript.png) right -57px repeat-x; display:block; font-size:17px; color:#fff; padding:11px 0 23px 0;}

#sidebar_content_wrapper .widget ul{margin-left:0; list-style:none;}
#sidebar_content_wrapper .widget ul li{background:url(../../prelogin_images/bullet_widget.png) no-repeat 0 8px; padding:3px 0 3px 12px;}

#site_footer{background:url(../../prelogin_images/footer_bg.jpg) center top; font-size:13px; color:#fff; padding:32px 0; line-height:1;}
#site_footer .footer_navigation{float:left;}
#site_footer .footer_navigation li{padding-right:10px;}
#site_footer .footer_navigation li + li{border-left:1px solid #fff; padding-left:10px;}
#site_footer .copyright{float:right;}
#site_footer a{color:#fff; font-size:13px; text-decoration:none;}
#site_footer a:hover{text-decoration:underline;}

/* 

Inner Pages CSS added on 280613

*/
#site_banner.inner_banner{background:#fff url(../../prelogin_images/inner_banner_bg.png) center 0 repeat-x;}
#site_banner.inner_banner h1{text-align:left; line-height:44px;}
.tagline_title{width:700px; float:left;}
#site_banner .tagline_title h1{margin-bottom:0;}
.tagline_title p{font-family:'MyriadProRegular'; font-size:20px; color:#fff; margin:0;}
.sign_up{padding-top:20px; float:right;}

.sign_up .orange_btn {
    background: url("../../prelogin_images/request_trial_btn.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 47px;
    width: 158px;
}
.banner_main{min-height:80px;}
.register_title{font-family:'MyriadProSemibold'; font-size:20px; line-height:25px; margin:0; color:#000; padding-right:50px;}
.signup_form{background:#f6fbff; border:1px solid #d9e0e5; padding:14px 20px; margin-top:30px; width:598px;}
.signup_form h4{font-size:17px; color:#000;}
.register_main h2{font-size:22px; text-align:center;}
.register_form{/*width:500px;*/ margin:30px auto;}
.register_form .row{margin-bottom:11px;}
.register_form .row label{float:left; font-family:'MyriadProRegular'; font-size:14px; color:#545454; width:240px; padding-right:10px; text-align:right; /*line-height:27px;*/}
.register_form .row input[type='text'], .register_form .row select, .register_form .row textarea{display:block; border:1px solid #b6b6b6; margin-bottom:5px; border-radius:4px; width:68%; -moz-box-shadow:inset 0px 0px 1px 0px rgba(86, 86, 86, 0.75);-webkit-box-shadow:inset 0px 0px 1px 0px rgba(86, 86, 86, 0.75);box-shadow:inset 0px 0px 1px 0px rgba(86, 86, 86, 0.75);
}
.register_form .row select{width:71%;}
.register_form .row > article{overflow:hidden;}
.sub_domain{background:#fff; border:1px solid #cbcccd; padding:20px 0; margin-bottom:12px;}
.register_form .row span{font-size:13px; color:#545454;}
.register_form .row a{color:#0d5595;}
.btn-green{background:url(../../prelogin_images/btn_green_bg.jpg) 0 0 repeat-x; font-family: 'MyriadProSemibold'; font-size:18px; color:#fff; height:28px; text-shadow:1px 1px 1px #356E03;}
.register_btn{font-size:15px; color:#fff; height:27px; line-height:25px; margin-right:5px; padding:0 10px; cursor:pointer;}
.companies_listing ul{margin:20px 0 35px;}
.companies_listing li{background:url(../../prelogin_images/green_click.png) 0 5px no-repeat; padding:0 0 10px 22px; font-size:16px; color:#5d5d5d; list-style:none;}
.capstera_facility_details strong{font-family: 'MyriadProSemibold'; color:#527da3;}
.uses .capstera_facility_wrapper .capstera_facility{min-height:105px;}
.uses .register_title{margin-bottom:20px;}
.ui_circle{background:url(../../prelogin_images/circles.png) 0 0 no-repeat; width:120px; height:124px; display:block;}
.circle_one{background-position:0 0;}
.circle_two{background-position:0 -126px;}
.circle_three{background-position:0 -251px;}
.capestra_solution ul{margin:27px 0;}
.capestra_solution ul li{list-style:none; margin-bottom:20px;}
.capestra_solution .ui_circle{float:left; margin-right:10px;}
.capestra_solution ul li > article{overflow:hidden; padding-top:10px;}
.capestra_solution ul li > article h3{font-family: 'MyriadProSemibold'; font-size:20px; color:#000;}
.use_capability_left{float:left; margin:0 20px;}
.capstera_two_box .companies_listing{overflow:hidden; width:45%; margin-left:20px;}
.use_frame{background:url(../../prelogin_images/use_capability_frame.png) 0 0 no-repeat; width:426px; height:306px; padding:31px 30px 0 6px}

.started{overflow:hidden; padding-top:6px; padding-left:10px;}
.refresh_btn{display:inline-block; padding:7px 10px;}
.widget h2{line-height:18px;}
.widget .register_title{line-height:normal; overflow:hidden; padding:5px 0 0 5px; display:block;}
.required{font-family:'MyriadProbold'; font-size:16px; color:#ff5c3d; position:absolute; right:92px; top:0;}
.register_form .row{position:relative;}
.round_10{border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;}
.login_main{background:url(../../prelogin_images/login_shadow.png) center no-repeat; width:369px; margin: auto; padding:15px;}
.login_box{background:#f1f1f1 url(../../prelogin_images/login_box_bg.png) repeat-x; border:1px solid #a9a9a9; padding:14px;}
.inner_login{background:#fff; padding:22px;}
.inner_login input[type='text'], .inner_login input[type='password']{display:block; border:1px solid #b6b6b6; margin-bottom:5px; border-radius:4px; width:96%; -moz-box-shadow:inset 0px 0px 1px 0px rgba(86, 86, 86, 0.75);-webkit-box-shadow:inset 0px 0px 1px 0px rgba(86, 86, 86, 0.75);box-shadow:inset 0px 0px 1px 0px rgba(86, 86, 86, 0.75);}
.inner_login .row{margin-bottom:10px;}
.inner_login .row label{font-size:14px; color:#2c2c2c; padding-bottom:5px; display:inline-block;}
.login_btns{margin-bottom:10px; border-top:1px solid #c1c1c1; padding-top:10px;}
.login_btns .orange_btn{/*line-height:32px; height:32px;*/ padding:5px 15px;}

/* Add error class */
div.error{color:#c00;}
div.errorMsg{color:#c00;}
.alert-error{color:#c00;}
.alert-success{background-color: #DFF0D8; border-color: #D6E9C6; color: #468847; padding:8px 35px 8px 14px;}

input[type=radio], input[type=checkbox]{vertical-align:middle; margin:0 3px .2em 0; width:auto;}

/**/
.contact_signup{margin-top:0;}

span.req { color: #FF0000!important; padding-left: 2px !important;
}


/* Added style for pre login page by deepak 13 DEC 2013*/
.check_terms{position:relative; padding-bottom:12px;}
.check_terms > div.error{position:absolute; top:38px; left:0;}
.orange_btn1 {
    background: url("../../prelogin_images/btn_conatct_capstera_sales.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: 'MyriadProSemibold';
    font-size: 20px;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    text-decoration: none;
    text-shadow: 0 0 1px #000000;
    width: 195px;
}

/* Added on 110215 for Plan Page */
.request_trial_btn{background:url(../../images/request_trial_btn.png) 0 0 no-repeat; width:198px; height:47px; display:block;}
.contact-saler-btn{background:url(../../images/contact-saler-btn.png) 0 0 no-repeat; width: 228px;}
#plans h3{font-size:20px; color:#000; text-align:center;}
.plan-list{margin:20px 0;}
.plan-column{float:left; margin-left:24px; width:224px;}
.plan-column:first-child {margin: 0;}
.plan-column ul{border:4px solid #d9e0e5; margin:0; padding:0;}
.plan-column ul li{background:#f5f5f5; border-bottom:1px solid #d9e0e5; color:#545454; font-family:'MyriadProSemibold'; font-size:14px; list-style:none; min-height: 45px; padding: 5px 10px; text-align:center;}
.plan-column ul li:nth-child(2n+2){background:#fff;}
.plan-column .plan-header{background:url(../../images/planing-header-bg.jpg) 0 0 repeat-x; min-height: 128px; padding:15px; text-align:center;}
.plan-header h2{color:#fff; font-family:'MyriadProSemibold'; font-size:26px;}
.plan-header p{color:#fff; font-size:16px; text-align:center;}
.plan-price{font-size:38px; display:block;}
.clearfix:after{clear:both; content:''; display:block; position:relative;}
.light-orange-btn{background:url(../../images/light-orange-btn.jpg) 0 0 repeat-x;}
.large-plans.plan-column ul li.plan-instalation{background:#f5f5f5;}
li.plan-instalation > div{color:#555454; font-size:18px; height: 269px; }

/* Added on 190215 for Pricing Page */
.pricing-column{background:#fff; box-shadow: 0 0 20px #c6c4c4; float:left; margin-right:36px; padding:2px; width:280px;}

.pricing-column .orange_btn {
    box-shadow: 0 2px 6px #848484;
    font-family: "MyriadProRegular";
    font-size: 16px;
    text-shadow: none;
	  padding: 8px 22px;
}
.pricing-column ul{margin:0;}
.pricing-column ul li{border-top:1px dashed #0a66aa; color:#000; list-style:none; padding:20px 22px;}
.pricing-column ul li:first-child, .pricing-column ul .price-header + li{border-top:none;}
.pricing-column ul li em.fa, .pricing-column ul li em.ui-new-icon{color:#848484; font-size: 19px; margin-right:5px;}
.pricing-column ul li.price-header{background:#0a66aa url(../../images/price-head-bg.jpg) 0 bottom no-repeat; min-height: 115px; padding:20px 50px; text-align:center;}
.price-header h2{color:#ffcb9d; font-size:27px;}
.price-header .plan-price{border-top:1px dashed #308fd5;  margin: 12px 0 0; padding: 5px 0 0;}
.price-header .plan-price > span{color:#fff; font-family:'MyriadProbold'; font-size:45px;}
.price-header .plan-price sub{color:#fff; font-size:16px;}
.pricing-column ul li.strat-free{text-align:center; padding:50px 22px 30px;}
.pricing-column ul li.enterprise{min-height:270px;}
.pricing-column ul li.enterprise > p{font-size:15px; font-style:italic; margin:0; overflow:hidden;}
.pricing-column ul li.enterprise .ui-new-mail{float:left; margin-right:10px;}
.pricing-column ul li.enterprise ol{margin:20px 0 0;}
.pricing-column ul li.enterprise ol li{border-top:0; padding:10px 0;}
.pricing-column ul li.enterprise ol li .fa-check{color:#ff5800; font-size:10px; float:left; margin-top: 5px;}
.pricing-column ul li.enterprise ol li > p{ margin: 0; overflow: hidden;}
/* icons */
.ui-new-icon{background:url(../../images/ui-new-icons.png) 0 0 no-repeat; width:21px; height:21px; display:inline-block; vertical-align:middle;}
.ui-new-user-edit{background-position:0 -21px;}
.ui-new-store{background-position:0 -63px;}
.ui-new-mail{background-position:-21px 0; width:50px; height:54px;}
/* /End */


/* Microsoft Login Css */
.microsoft-main-login-wrapper{background:url(../../images/dashboard-login-bg.jpg) center top repeat-y; border:1px solid #cecece; box-shadow:0 0px 6px #ccc; margin:100px auto 30px; width:770px;}
.left-layout{border-right:1px solid #cecece; float:left; text-align:center; /*padding:115px 30px;*/ padding:31px 30px; width:325px;}
.left-layout p{color:#9c9b9b; font-size:16px; padding-top:15px;}
.right-login-layout{background:#fff; overflow:hidden; padding:20px 50px;}
.microsoft-login h3{border-bottom:1px solid #cecece; color:#161616; font-family: 'MyriadProSemibold'; font-size:18px; margin-bottom:18px; padding:10px 0;}
.form-microsoft-login .form-row{margin-bottom:17px;}
.form-microsoft-login .form-row:after{clear:both; content:''; display:block;}
.form-microsoft-login .form-row input[type='text'], .form-microsoft-login .form-row input[type='password'], .form-microsoft-login .form-row input[type='email']{width:96%;}
.form-microsoft-login label{color:#000; font-size:13px;}
.form-microsoft-login .forgot-pass{color:#0973c6; float:right;}
.form-microsoft-login .form-row .remember{color:#8b8b8b; font-size:12px;}
.line-row input.year-input , .line-row input.month-input{float:left; margin-right:10px; width:20%;}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
    border: 1px solid #c5c5c5;
    color: #8B8B8B;
    font-family: 'MyriadProRegular',Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 3px 5px;
    vertical-align: middle;
}
.microsoft-main-login-wrapper input[type="submit"], .microsoft-main-login-wrapper input[type="button"], .microsoft-main-login-wrapper input[type="reset"] {
    background: none repeat scroll 0 0 #0A66AA;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'MyriadProRegular',Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: 25px;
	padding:0 12px;
    vertical-align: middle;
}
input[type="submit"].gray_btn, input[type="button"].gray_btn, input[type="reset"].gray_btn, button.gray_btn {
	background:#A0A0A0;	
}


.clearfix:after {
    clear: both;
    content: "";
    display: block;
    position: relative;
}
.report .register_form .row label{color:#232323; width:130px;}