/* CSS Document */
.main{ margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:url(../img/background.gif) repeat-x top left}
.ads{ margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color: transparent; }
h1, h2, h3, h4, h5, h6, h7, p,dl, dt, dd, form, input, ul, li, select{padding:0px; margin:0px; font-weight:normal}
.main-title{padding-top: 25px; font-size:22px; padding-left: 25px; font-weight: bolder; color:#ffffff; text-align:center;}
.sub-title{padding-top: 10px; font-size:18px; padding-left: 25px; font-weight: bolder; color:#ffffff;}
.points{padding-left: 45px; list-style: disc; color:#fff; font-size:14px;}
p{line-height:18px}
ul,ol { list-style: none; }
input, select{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333}
a{color:#20659f; text-decoration:none}
a:hover{color:#000; text-decoration:none}
a img{border:0}

/* ---------------- Wrapper-------------- */
#wrapper{ width:865px;margin:0px auto;}


/* ---------------- Header -------------- */
#header{ width:865px;margin:0px; padding:0px}
#header:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html #header{height:1px} /* */


/* ---------------- Logo -------------- */
#logo{ float:left;width:200px;padding:12px 0px 0px 20px;}
#logo a{ display:block;background:url(../img/unifyd_logo_trns.png) no-repeat left top; width:165px; height:66px; text-indent:-10000px}

/* ---------------- Header-right -------------- */
#header-right{ float:right;width:640px;padding:0px;}


/* ---------------- Login-form -------------- */
.login-form{ float:right; width:543px; padding:0px 0px 18px 25px;background:url(../img/login-bg.gif) no-repeat left top}
.login-form h2{font-size:20px; color:#fff; padding:3px 0px}
.login-form label{float:left; width:218px; color:#fff; font-weight:bold; margin:0px 0px 3px}
.login-form span{ margin-right:4px; width:auto; vertical-align:middle}
.login-form input.text{ width:133px;margin:0px; height:16px; padding:3px 5px; border:1px solid #20659f;vertical-align:middle}
.login-form br{ clear:left}
.login-form .btn-login{float:left; margin:0px;}


/* ---------------- Middle -------------- */
#middle{ width:865px;margin:0px; padding:0px;}
#middle:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html #middle{height:1px} /* */

.content{ width:100%;}
.content:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html .content{height:1px} /* */


/* ---------------- Home Page Layout  -------------- */
.middle-home{}
#middle .left-col{float:left; width:535px; height: 475px; padding-left:15px; background-color: #5381AE; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px;  border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
#middle .right-col{float:left; width:280px; height: 435px; padding:40px 0px 0px 30px; background-color: #6C8DAC; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.right-col a{color: #fff;}
.right-col p{color: #fff;}
#middle .text-line1{margin:30px 25px 0px; float:left; display:block}
#middle .text-line2{margin:30px 0px 0px 25px; float:left;display:block}

/* ---------------- Inner Page Layout  -------------- */
.middle-inner{}
.middle-inner .top{background:url(../img/inner-middle-top.png) no-repeat left top; height:76px}
.middle-inner .top h2{padding-top: 30px; padding-left:50px; color: white; font-weight: bolder; font-size: 20px;}
.middle-inner .content{background:url(../img/inner-middle-bg.gif) repeat-y left top; height:auto; margin-bottom:0px;}
.middle-inner .bottom{background:url(../img/inner-middle-bot.png) no-repeat left bottom;height:34px}

.page-title{ margin:30px 10px 0px 60px}

#middle .innerleft-col{float:left; width:410px; padding:20px 20px 30px 65px; }
#middle .innerright-col{float:left; width:270px; padding:20px 50px 0px 50px;}

h1.content-heading{font-size:24px;color:#5998af; padding:0px 0px 20px; font-family:'Trebuchet Ms', Arial, Helvetica, sans-serif; }
h2.green-heading{font-size:18px;color:#88cb2f; padding:0px; margin:0px; font-family:'Trebuchet Ms', Arial, Helvetica, sans-serif; }
h5{font-size:15px;color:#666;font-family:'Trebuchet Ms', Arial, Helvetica, sans-serif; }

p.code{font-size:12px; color:#666666; line-height:15px; font-family:'Trebuchet Ms', Arial, Helvetica, sans-serif;}

.btn-edit{margin:10px 0px 0px;border:none}


/* ---------------- Home page Steps -------------- */

#middle .steps{padding:5px 0px 0px}
#middle .step1{ float:left;background:url(../img/step1.png) no-repeat left top; width:174px; height:225px; }
#middle .step2{ float:left;background:url(../img/step2.png) no-repeat left top; width:181px; height:225px}
#middle .step3{ float:left;background:url(../img/step3.png) no-repeat left top; width:176px; height:225px}
#middle .steps h3{padding:100px 20px 0px; margin:0px; font-size:13px; font-weight:bold;color:#000000}
#middle h1.heading{font-size:17px; font-weight:bold; color:#20659f;margin:0px;padding:20px 20px 0px; }



/* ---------------- Home Signup-form -------------- */
.signup-form{ padding:20px 0px 0px}
.signup-form label{float:left; width:211px; color:#fff; font-weight:bold; margin:0px 0px 3px}
.signup-form input.text{float:left; width:200px;margin:0px 0px 20px; height:20px; padding:3px 5px; border:1px solid #20659f}
.signup-form br{ clear:left}

.signup-form .btn-submit{float:left; width:92px;margin:0px;border:none}

/* --------------- Main Signup-Forms --------------- */
.mainsignup-form{ padding:20px 0px 0px}
.mainsignup-form label{float:left; width:211px; color:#20659F; font-weight:bold; margin:0px 0px 3px}
.mainsignup-form input[type='text']{float:left; width:200px;margin:0px 0px 10px; height:20px; padding:3px 5px; border:1px solid #20659f}
.mainsignup-form input[type='password']{float:left; width:200px;margin:0px 0px 10px; height:20px; padding:3px 5px; border:1px solid #20659f}
.mainsignup-form select.text{margin:0px 0px 10px; height:25px; padding:3px 5px; border: 1px solid #20659f;}
.mainsignup-form select.multiple{margin:0px 0px 10px; padding:3px 5px; border: 1px solid #20659f;}
.mainsignup-form input[type='checkbox']{margin:0px 0px 10px;}
.mainsignup-form br{ clear:left}

.mainsignup-form .btn-submit{float:left; width:92px;margin:0px;border:none}

ul.menu{
 position:absolute;;
list-style-type: none;
margin:50px 0 0 260px; 
padding:0;
z-index:1;
}

ul.menu li{
display:inline;
margin:0px;
padding:0;

}

ul.menu li a{
position:relative;	
float: left;
font-family:'Trebuchet Ms', Arial, Helvetica, sans-serif;
background:url(../img/menu-bg.png) no-repeat left top;
padding: 0px 0px 0px 20px;
width:108px;
font-size:12px;
font-weight:bold;
color:#fff;
margin:0 0px 0px -18px;
left:20px;
}

ul.menu li a span{
position:relative;
padding: 13px 14px 5px 16px;
float:left;
display:block;
white-space:nowrap;
cursor:pointer;
}

ul.menu li a:hover{color:#006384}


/* ---------------- Footer -------------- */
#footer{ width:840px;margin:50px auto 20px; padding:1px 5px; background:url(../img/footer-bg.gif) repeat-x left bottom; border:1px solid #a8c0d0; font-size:11px}
#footer:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html #footer{height:1px} /* */

#footer .copyright{width:100%;line-height:24px; text-align:center;padding-top:2px; display:block;}
#footer .footer-links{width: 100%; text-align:center; padding-top:2px; display:block;}
#footer .footer-links a{color:#000;line-height:24px;}
#footer .footer-links a:hover{color:#20659f; text-decoration:underline}
#footer .footer-links span{padding:0px 3px} 
.innernav span{padding-left:5px; padding-right:5px;}
div.innernav{margin-bottom: 10px;}
.widget{ width:223px; margin:0px 10px 0px 0px; float:left; cursor: pointer;}
.widget .wtop{width:100%;background:url(../img/widget-top.png) no-repeat left top; padding:0px; height:15px; display:block }
.widget .wbot{width:100%;background:url(../img/widget-bot.png) no-repeat left bottom; padding:0px; height:15px; display:block }

.widget .data{width:auto; padding:0px 22px 5px;background:url(../img/widget-bg.gif) repeat-y left top;}
.widget h2.title{font-size:14px; color:#3f628e; font-weight:bold; background:url(../img/dotted-line.gif) repeat-x left bottom; padding:0px 0px 3px;}
.widget.last{margin:0px}

.widget-vert{ width:223px; margin:0px 0px 10px 0px; float:left; cursor: pointer;}
.widget-vert .wtop{width:100%;background:url(../img/widget-top.png) no-repeat left top; padding:0px; height:15px; display:block }
.widget-vert .wbot{width:100%;background:url(../img/widget-bot.png) no-repeat left bottom; padding:0px; height:15px; display:block }

.widget-vert .data{width:auto; padding:0px 22px 5px;background:url(../img/widget-bg.gif) repeat-y left top;}
.widget-vert h2.title{font-size:14px; color:#3f628e; font-weight:bold; background:url(../img/dotted-line.gif) repeat-x left bottom; padding:0px 0px 3px;}
.widget-vert.last{margin:0px}

.hidden{display: none;}
.error-span{color: red;display:block;}
.success-span{color:green; display:block;}