@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
* Filename: homepage.css
* Purpose: All the CSS Rules required to design home page.
* Author: Suraj Naik n[dot]suraj[at]agiletechnosys[dot]com
****************************************************************************************************/
/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body.homepage {font:normal 11px Arial; color:#000; text-align:left; background:#4fbdeb url(../images/mhtl-homepage.gif) repeat-y center}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-transform:capitalize; text-decoration:none}
a {color:#0979a4; font-weight:bold; text-decoration:none; position:relative; z-index:1000000}
a:hover {color:#0979a4; text-decoration:underline}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}
form {padding:0; margin:0}
textarea {overflow:auto; font:normal 12px Arial}
label {font-weight:600; color:#414142; font-size:12; font-family:Arial, Helvetica, sans-serif;}
.clr {clear:both}
.fl {float:left} .fr {float:right}


/* 	ALL IDS (id=IDS)
**********************************************************/
#wrapperhome {margin:0 auto; width:1000px}
#headerhome {width:100%; background:url(../images/mhtl-homepage-header2.png) no-repeat top left; height:78px}
#logohome {float:left; width:349px; height:58px; margin:12px 0 0 30px; position:relative; z-index:1000}
#searchhome {float:right; width:390px; margin:10px 69px 0 0; display:inline}
#searchhomeone {float:right; width:486px; margin:10px 69px 0 0; display:inline}
#searchhome .input {background:#fff1cf; border:1px solid #a6c0be; padding:2px; font-size:11px}
#searchhome .button {background:url(../images/btn-login.gif); width:55px; height:24px; cursor:pointer; border:0; position:relative; top:2px}
#illust {margin:0 auto; width:910px; position:relative;}
#photo { position:relative; float: left; width: 702px; height:336px;display: block; background-color: transparent;}
#headerform {float: right;	background:url(../images/comin.png) center top no-repeat; width:176px; height:305px; margin-top: 15px;}
#formheader {position:absolute; top:15px; left:26px}
#useractions {margin-top: 125px; padding:15px;}
#useractions .select {border:1px solid #bcbdc0; background:#FFF; padding:1px; font-size:11px; color:#777}
#homescroller {background:url(../images/home-scroller3.jpg) center top no-repeat; height:250px; width:971px; margin:0 auto; position:relative; left:-2px} 
#mainscroll {position:absolute; top:35px; left:3px; width: 952px;}
#homefooter {position:absolute; bottom:20px; left:0; color:#FFF; text-indent:25px}
#homefooter a {color:#FFF; text-transform:capitalize; font-weight:normal; font-size:12px; padding:0 5px}
#SignupContent {width:781px; margin:5px auto 20px; background:url(../images/signupbg.png) center top no-repeat; height:536px; position:relative}
.signupillust {position:absolute; right:29px; top:72px}
.signupform {width:320px; padding:30px 0 0 60px; position:relative}
#signupFooter {background:url(../images/footer-signup.png) center top no-repeat; width:975px; height:58px; margin:0 auto}
#signupFooter .inner {padding-top:25px; text-indent:25px; color:#FFF}
#signupFooter .inner a {color:#FFF; text-transform:capitalize; font-weight:normal; font-size:12px; padding:0 5px}
h1.signupblue {font:bold 31px Arial; color:#30b2e7; width:100%; text-align:center}
p.error {color:#c85d27; font:normal 13px Arial; text-align:center}
.checkboxes {font-size:14px}
label.signupfrom {font:normal 15px Arial; text-transform:none}
.signupfields p {margin-bottom:2px; height:25px}
.signupfields .inputboxes {background:transparent url(../images/signup-box-border.gif) bottom repeat-x; border:none; font-size:16px; padding:3px 0; color:#000}
.signupselect {border:1px solid #231f20; padding:1px; font-size:12px}
.submitform {position:absolute;	right:40px;	bottom:50px}
.signupsubmit {background:url(../images/btn-create-my-account.png) center top no-repeat; width:210px; height:33px; border:none; cursor:pointer}
.loginTxt {        -x-system-font:none;        color:#999999;        float:right;        font-family:Arial;        font-size:13px;        font-size-adjust:none;        font-stretch:normal;        font-style:normal;        font-variant:normal;        font-weight:normal;        line-height:normal;        }

.noBold {font-weight:normal; font-size:14px}
.error	{color:#CC0033;display:block;}
.success		  {color:#FF8000;}
.CreBtn {background:url(../images/btn-create-my-accountroll.gif) left top no-repeat; width:210px; height:33px; border:none!important; cursor:pointer; margin-bottom:10px}
.saveContinuebtn {background:url(../images/saveContinue.gif) 0 0 no-repeat; width:229px; height:32px; border:none; cursor:pointer}

/*********** New CSS (4/12/2009) ************/
#welcomeBox1 {float:right; overflow:hidden; margin:20px 30px 0 0}
#welcomeBox1 label {font:bold 12px Arial, Helvetica, sans-serif; color:#414142; padding-right:8px; text-transform:none;}
a.notFB {cursor: pointer; font:normal 14.5px Arial, Helvetica, sans-serif; font-weight: bold; color:#097aa6; padding-bottom:5px; padding-top:5px; text-transform: none;}
a.notFB:hover {text-decoration:underline;}
.hometopmenu {font:normal 14.5px Arial, Helvetica, sans-serif; font-weight: bold; color:#097aa6; padding-bottom:5px; padding-top:5px; padding-right:5px; text-transform: none;}

#welcomeBox1 .button {background:url(../images/btn-login.gif); width:55px; height:24px; cursor:pointer; border:0; position:relative; top:1px; margin-left:10px}

/*ben new signup page*/
.privatenetworkdescrip {color:#636467; font-size: 12px; line-height: 27px; font-weight:normal;margin-top:8px;}
p.fillininfo {color:#636467; font:normal 13px Arial; text-align:center}
.invite_input {font:bold 12px Arial, Helvetica, sans-serif; color: #333333; padding: 0 0 5px 0}
.inputinvite {background:#FFF; border:1px solid #b7b7b7; padding:2px; font-size:11px; color:000000}
p.errorinvitecode {color:#c85d27; font:normal 12px Arial; text-align:left;height: 14px; font-style: italic;}
.getintheloopfool {color:#0979A4; text-decoration:none; font-weight: normal;}
.rtbtnsection{float: right;margin-left: 5px;}
.lftbtnsection{float: right;margin-right: 5px;}
.rtarrowbtn {text-decoration: none; background:url(../images/arrowright.png); width:53px; height:46px; cursor:pointer; border:0; position:relative; display: block; margin-top: 45px;}
.lftarrowbtn{text-decoration: none; background:url(../images/arrowleft.png); width:53px; height:46px; cursor:pointer; border:0; position:relative; display: block; margin-top: 45px;}
.lftarrowbtn:hover {text-decoration: none; }
.rtarrowbtn:hover {text-decoration: none; }
.viewstudentlink {background:url(../images/homelinks2.gif); background-position: -3px top; width: 90px; height: 20px; cursor: pointer; display: block;}
.viewstudentlink:hover {background-position: 97px 0px; text-decoration: none;}
.viewjobslink {margin-top:8px; background:url(../images/homelinks2.gif); background-position: -3px bottom; width: 90px; height: 20px; cursor: pointer; display: block;}
.viewjobslink:hover {background-position: 97px bottom; text-decoration: none;}
#nav a {background-image: url(../images/opendot.gif); display:block; width:15px; height:20px; font-size: 0px; text-decoration: none; margin: 8px 0;}
#nav a.activeSlide {background-image: url(../images/closeddot.gif);}
#nav a:focus { outline: none; } 
#slideshow {background:url(../images/slides/blankpage.jpg) center top no-repeat; background-color: transparent;}
#slideshow img { background-color: transparent!important;}
/*Login stuff*/
.login-label {font-size:12px; font-weight: bold; text-align:right; margin-right: 15px;}
.loginBtn {background:url(../images/btn-loginroll.gif) 0 0 no-repeat; background-position:left center; border:none; width:55px; height:24px; outline:none; cursor:pointer;}
.loginBtn:hover {background-position:right;}
#login-form .input  {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #B7B7B7; font-size:11px; padding:2px; width: 200px;}
.marginbtm {padding:5px 0 12px 0;}
.margintop {padding:15px 0 5px 0;}