/* @group Reset Group */

/* This is an universal selector which selects all elements in DOM & sets margin & padding to '0' */

* {
	margin: 0;
	padding: 0;
}

/* Removes blue borders from images */

img {border: none; outline:none;}
.startB{ margin-top: -20px;}
a#forgot-link:hover{font-weight: bold}
/* Removes underline for all links */

a[href] {text-decoration: none; display:block-inline; outline:none;}
a:focus{outline:none;}
button:focus{outline:none;}
input:focus{outline:none;}

/* Removes outline when focused for Safari & Chrome */

input[type="text"], input[type="password"],input[type="submit"], textarea {outline: none;}

/* This will remove bullet points & numbers from UL & OL respectively */

ul,ol {list-style: none;}

/* Clearfix class to clear impossible floats */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	float: none;
	font-size: 0;
}

/* This will recognised by IE 7 as it doesn't support :after pseudo class */

.clearfix {zoom: 1;}

/* This will generate a black arrow which indicates that there is something to know on hover */

abbr[title], dfn[title] {border-bottom: 1px dotted #999; cursor: help;}

table {
	border-collapse: collapse; /* This removes doubling border issue. They collapse instead */
	border-spacing: 0; /* No need to specify cellspacing & cellpadidng anymore */
	}
/* @end */



body{background:url(../images/bodybg-repeat.png) repeat-x top left; font-family: verdana; font-size:11px;}
.fLeft{float:left; margin-right:4px;}
.fRight{float:right;}

/* header styles */
.wrapper{margin: 5px auto; width:1000px;}
.header{width:1000px; padding:9px 0px;}
.logo {float:left;}
.loginBox{width:472px;}
.loginBox li{float:left; width:180px; margin-right:10px;}
#submit{width:55px;}
.loginBox li .fieldsInput{width:170px; height:13px; background:url(../images/fieldbg.png) repeat-x top left; border: 1px solid #d0d0d0; padding-left:5px; font-size: 11px; color: #737373; padding:5px 5px; line-height:13px;}
.loginBox li input.submitInput{border:none; width:54px; height:24px; background:url(../images/loginBTN.png) no-repeat; color:#fff; font-size:11px; line-height:24px; text-align:center; cursor:pointer;}
.loginBox li input.fieldsCheckBox{border:none; float:left; margin:0 5px 0 0; height:13px; width:13px;}
.loginBox li span{vertical-align:top; float:left; font-size:11px; color:#373737; padding-top:5px;}
.loginBox li a{font-size:11px; color:#373737;}
.error_login{color:#DD4B39;}

/* Content styles */
.contentWrap{background-color: #fff; border: 1px solid #a4a4a4;}
.content{padding:10px;}
.leftContentStep1{float:left; width:535px;}
.leftContentStep1 .promoGraphics{padding:10px;position:relative;}
.leftContentStep1 .promoGraphics .graphic{width:464px;position: relative}
.leftContentStep1 .promoGraphics .play{position:absolute; top:173px; left:209px; width:49px; height:48px;}

.sociallinks{padding:20px 0 39px 195px}
.sociallinks li{float:left; margin-right:5px;}
.sociallinks li a{text-align:center;}

.rightContent{float:right; width:425px;}
.signInPad{padding:25px 0 0 25px;}
.signIn{background:url(../images/loginbg.png) no-repeat bottom left; padding-left:20px; width:366px;}
h3{font-size:17px; color:#2D709B; font-family:arial; font-weight:bold; line-height:20px; margin-bottom:10px;}
.signup{font-size:20px; color:#2060A0; font-family:arial; font-weight:bold; line-height:20px; margin-bottom:10px;}
.thanktext{margin-top:10px;color: #333333;font-size: 12px;}
h3 img{display:inline; text-align:center;}
.signIn li{width:280px; margin-bottom:15px; color:#373737;}
.signIn li:first-child{width:355px;}
h6{font-weight: normal; text-align: right; padding-top: 4px; font-size: 10px; margin-bottom: 10px;}
.signIn li input.fieldsInput{border:none; width:270px; height:15px; background:url(../images/fieldbg.png) repeat-x top left; border: 1px solid #d0d0d0; font-size: 13px; color: #737373; padding:8px 5px; line-height:15px;}
.signIn li input.fieldsCheckBox[type="checkbox"]{border:none; float:left; margin-right:5px;}
.signIn li span{vertical-align:top; font-size:11px; color:#373737; padding-top:5px;}
.signIn li a{font-size:11px; color:#373737;}
.signIn li input.submitInput{border:none; width:85px; height:31px; background:url(../images/join.png) no-repeat; color:#fff; font-size:11px; line-height:24px; margin-left:115px; cursor:pointer;}

.signIn li input.fieldsInputError{border:none; width:270px; height:15px; background:url(../images/fieldbg.png) repeat-x top left; border: 1px solid  #DD4B39; font-size: 13px; color: #737373; padding:8px 5px; line-height:15px;}

/* Step2 specific */

.leftContentStep2{float:left; width:535px;}
.leftContentStep2 .promoGraphics{}
.leftContentStep2 .promoGraphics .graphic{width:535px; height:487px;}
.leftContentStep2 .promoGraphics .play{position:absolute; top:144px; left:209px; width:49px; height:48px;}
.signFinalPad{padding:25px 0 0 10px;}
.signFinal{background:url(../images/loginbg.png) no-repeat bottom left; padding-left:20px; height:265px; width:365px;}
.signFinal li{margin-bottom:15px;}
.signFinal li:first-child{}
h6{font-weight: normal; text-align: right; padding-top: 4px; font-size: 10px; margin-bottom: 10px;}
.signFinal li input{border:none; width:295px; height:20px; background:url(../images/fieldbg.png) repeat-x top left; border: 1px solid #d0d0d0; font-size: 13px; color: #737373; line-height:20px; padding:5px;}
.signFinal li input[type="checkbox"]{border:none; float:left; margin-right:5px; width:13px; vertical-align:middle; height:15px;}
.signFinal li span{vertical-align:top; float:left; font-size:11px; color:#373737;}
.signFinal li a{font-size:11px; color:#373737;}
.signFinal li .submitStart{width:85px; height:31px; background:url(../images/start.png) no-repeat; color:#fff; font-size:11px; margin-left:115px; cursor:pointer; border:0; outline:none;}




.signFinal .userImage{margin-top: 20px; background:url(../images/freezecrowdUserBG.png) no-repeat; width:61px; height:70px;}
.signFinal .userImage img{ width: 50px; height:50px; margin:10px auto 0; padding-left: 6px;}
.signFinal li input#profileinput{background: url("../images/fieldbg.png") repeat-x left top; margin-left: 10px;width: 225px; font-size: 13px; color: #737373; margin-top:36px; border: 1px solid #d0d0d0;}

.signFinal li .inputError{border: 1px solid  #DD4B39 !important;}
.signFinal select{ padding: 4px 2px; height: 30px; font-size: 13px; color: #737373; vertical-align:center;}
.signFinal label{display:block; font-size:11px; margin-bottom:5px; text-indent:5px; font-family:verdana; width:181px; vertical-align:middle;}

.signFinal .terms{color: #167bd6; float:none; display:inline;}



#yearOfGraduation{margin-left: 5px;}
#slctGender{margin-left: 1px; width: 88px;}
#birthmonth{margin-left: 1px; width: 88px;}
#birthday{width: 60px;}
#birthyear{width: 70px;}
#yearOfGraduation{width: 72px;}
.mar125{margin-left:48px;}
#step2{padding-bottom:60px;}
#highSchoolName{width:215px;}

.signFinal select option{padding-left:3px;}


/* footer */
.footer{font-size: 11px; margin-top: 12px;}
.leftfooter{color:#666; float:left;}
.rightfooter{float:right;}
.rightfooter li{float: left; background: url("../images/linksbg.jpg") no-repeat right center; padding: 0 9px 0 5px;}
#last{background: none; padding-right:0;}
.rightfooter a{color:#006699;}

/*Error class*/
.error_registration{color:#DD4B39;height:auto;}

/*hidden form fields*/
#fldInst, #fldInst span{font-size:12px;}
#slctCampus{width:282px; height:30px; border: 1px solid #d0d0d0; font-size: 13px; color: #737373; line-height:20px; background:#fff; padding:3px 0px;}
#slctCampus option{padding-left:5px;}

.ui-autocomplete-loading { background: white url('../styles/base/images/ui-anim_basic_16x16.gif') right center no-repeat; }

.instructions, .startPageInstructions {
    background-color: #EAFAFF;
    background-image: url("../images/icn_instruction.png");
    background-repeat: no-repeat;
    border-color: #DEDCDC #D2D0D0 #D2D0D0 #DEDCDC;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 10px;
    padding: 10px 8px 10px 35px;
    text-align: center;
/*    -moz-border-radius: 25px 10px / 10px 25px;
    border-radius: 25px 10px / 10px 25px;*/
    
}

.thankstext {
    background-color: #DAFFB6;
    background-image: url("../images/icn_instruction.png");
    background-repeat: no-repeat;
    border-color: #DEDCDC #D2D0D0 #D2D0D0 #DEDCDC;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 10px;
    padding: 10px 8px 10px 35px;
    text-align: center;
/*    -moz-border-radius: 25px 10px / 10px 25px;
    border-radius: 25px 10px / 10px 25px;*/
    -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
}
 /* simple css-based tooltip */
 .tooltip {
                background-color:#000;
                border:1px solid #fff;
                padding:10px 15px;
                width:200px;
                display:none;
                color:#fff;
                text-align:left;
                font-size:12px;

                /* outline radius for mozilla/firefox only */
                -moz-box-shadow:0 0 10px #000;
                -webkit-box-shadow:0 0 10px #000;
        }
.favoritecontent .ui-sortable li{text-align:left !important;}
label{text-align:left !important;}
.ipad2{margin-top: 360px; padding-left: 535px; padding-bottom:15px;}
.ipad2 img{width:430px;}

#showvideo{display:none; z-index: 100;position: absolute; margin-top:10px; left: 10;}
#videoframe{width: 225px; height: 250px; margin-top: 40px; padding-left: 101px;}

.labels{float:left; width:100px}
.fieldsError{border:none; width:270px; height:15px; background:url(../images/fieldbg.png) repeat-x top left; border: 1px solid  #DD4B39; font-size: 13px; color: #737373; padding:8px 5px; line-height:15px;}
#userData{text-align:left; margin-left: 50px; }
#user_name{font:italic 24px Georgia,"Times New Roman",Times,serif;}
#errors{margin-top: 100px; color: red;}
#name{font:italic 15px Georgia,"Times New Roman",Times,serif; padding-left: 15px}
#limiterror{ font-size:12px;display:none;text-align:center;color:red; text-align: left   }
#successMessage{font-size:12px;display:none;text-align:center;color:green;text-align: left}
.linkStyle{margin-top: 40px; margin-left: 30px;}
.colorstyle{color : #006699;}
.nodisplay{display : none}