/*========================================================*/
/*              CSS for LiveClassTech.com                 */
/*                  by Jared Buttars                      */
/*              http://www.blackpond.com                  */
/*                jared@blackpond.com                     */
/*========================================================*/

/* ---Layout--- */

/* Base Settings */
body { margin: 0; background:#0d0d0d; margin: 0 0 0 0; }
.skinmaster {width:960px; }
table, tr, td, p, div {font-family: arial; font-size: 14px; line-height: normal; }
.clear { clear:both;}

/* Horizontal Divisions */
.areaone {text-align: center; background-image:url(/images/areaone_bg.gif); background-repeat:repeat-x; height:100px;}
.areatwo {text-align: center; background-color:#f7f7f6; background-image:url(/images/areatwo_bg.gif); background-position:top; background-repeat:repeat-x;}
.areathree {text-align: center;}
.centercolumn {text-align: left; margin: 0 auto; padding: 0; }
.contentarea { padding-top:25px;}
.footerarea { color:#8c8c8c; font-size:12px; text-align:center; padding-top:10px;}
.spacer20 { padding-bottom:20px;}
.spacer30 { padding-bottom:30px;}

/* Vertical Divisions */
.logobox { width:425px; padding-top:23px; float:left;}
.menubox { width:535px; padding:24px 0; float:left;}
.menuarea { height:52px;}
.socialbox { width:173px; height:32px; float:left; background-color:#f6f6f6; background-image:url(/images/socialbox_bg.gif); background-position:top; background-repeat:repeat-x;}
.socialboxleft { background-image:url(/images/socialbox_left.gif); background-position:left; background-repeat:no-repeat; height:32px;}
.socialboxright { background-image:url(/images/socialbox_right.gif); background-position:right; background-repeat:no-repeat; height:32px;}
.socialboxinner { padding:5px 10px; height:22px; line-height:22px;}
.socialicon { float:right; margin-left:6px;}
.userbox { width:320px; float:right; padding-top:7px;}
.usersprite { background-image:url(/images/user_sprite.png); background-repeat:no-repeat;}
.btnjoin, a.btnjoin, a.btnjoin:link, a.btnjoin:visited, a.btnjoin:active { display:block; width:135px; height:27px; background-position:-131px 0;}
a.btnjoin:hover { background-position:-131px -28px;}
.btnlogin, a.btnlogin, a.btnlogin:link, a.btnlogin:visited, a.btnlogin:active { display:block; width:118px; height:27px; background-position:0 0;}
a.btnlogin:hover { background-position:0 -28px;}
.col2left { float:left; width:450px; padding-right:30px;}
.col2right { float:left; width:450px; padding-left:29px; border-left:1px solid #b8b8b8;}
.col2leftip1 { float:left; width:650px; padding-right:30px;}
.col2rightip1 { float:left; width:250px; padding-left:29px; border-left:1px solid #b8b8b8;}
.col2leftip2 { float:left; width:250px; padding-right:29px; border-right:1px solid #b8b8b8;}
.col2rightip2 { float:left; width:650px; padding-left:30px;}
.colbottom { padding-bottom:30px;}

/* Menu */
a.menuoption, a.menuoption:link, a.menuoption:visited, a.menuoption:active  { float:left; display:inline-block; height:52px; border-left:1px solid #565656; padding:0 25px 0 10px; text-decoration:none;}
a.menuoption:hover { text-decoration:none;}
a.menuoption span.menutitle, a.menuoption:link span.menutitle, a.menuoption:visited span.menutitle, a.menuoption:active span.menutitle{ padding-top:10px; display:block; color:#fff;}
a.menuoption:hover  span.menutitle { color:#f6e2ad;}

a.menuoption span.menusubtitle, a.menuoption:link span.menusubtitle, a.menuoption:visited span.menusubtitle, a.menuoption:active span.menusubtitle{ display:block; font-size:12px; color:#b3b3b3; letter-spacing:-1px;}
a.menuoption:hover  span.menusubtitle { }

/* Text */
.Head { font-family: arial; font-size: 14px; font-weight: Bold; color: #000000; line-height:19px; }
.SubHead {}
.SubSubHead {}
.Normal, .normal { font-family: arial; font-size: 14px; font-weight: Normal; color: #000000; line-height:16px; }
.NormalBold { font-family: arial; font-size: 14px; font-weight: Normal; color: #000000; line-height:16px; }
.NormalDisabled { font-family: arial; font-size: 14px; font-weight: Normal; color:#CCCCCC; line-height:16px; }
.NormalRed { font-family: arial; font-size: 14px; font-weight: Normal; color:#C50000; line-height:16px; }
.NormalTextBox { font-family: arial; font-size: 14px; font-weight: Normal; color:#000000; }
strong, b {}
table, tr, td, p {font-family: arial; font-size: 14px; font-weight: Normal; color: #000000; line-height:normal;}
h1 {font-family: arial; font-size: 20px; color:#000000; font-weight:normal;}
h2 {font-family: arial; font-size: 18px; color:#000000;}
h3 {font-family: arial; font-size: 14px; color:#62441c; font-weight:bold;}
h4 {font-family: arial; font-size: 12px; color:#000000;}
h5 {font-family: arial; font-size: 10px; color:#000000;}
h6 {font-family: arial; font-size: 9px; color:#000000;}
small {}
big {}
blockquote {}
pre {}
ul { list-style-image: url("/images/bullet.gif"); margin-left:0; padding-left:18px; }
ul li { padding-bottom:15px; padding-left:10px; }
ul li ul {}
ul li ul li {}
ul li ul li ul {}
ul li ul li ul li {}
ul.checkmarks { margin-bottom:0; margin-top:10px; padding-left:70px;}
ul.checkmarks li { height:20px; line-height:20px; list-style-image: url("/images/check.png"); padding:0; margin:0;}
ol {}
ol li {}
ol li ol {}
ol li ol li {}
ol li ol li ol {}
ol li ol li ol li {}

.mhoTitle { font-family: arial; font-size: 20px; color:#000000; }
.brwonHead {font-family: arial; font-size: 14px; color:#62441c; font-weight:bold;}

/* Links */
a:link, a:visited, a:active { color: #00a7cb; font-family: arial; font-weight: normal; font-size: 14px; text-decoration: none; }
a:hover { color: #00a7cb; font-family: arial; font-size: 14px; text-decoration: underline; }
a.footer:link, a.footer:visited { color:#8c8c8c; font-size:12px; text-decoration: none; }
a.footer:hover { color:#8c8c8c; font-size:12px; text-decoration: underline; }

/* Forms 
select, input { font-family: arial; font-size: 12px; color: #000; }
*/
/* Content */
.semiblack { background-image:url(/images/semi_black_bg.png);}
.headerbg_classroom { background-image:url(/images/header_classroom.jpg); background-repeat:no-repeat; height:164px; padding-left:34px; position:relative;}
.headertext_classroom { width:430px; height:134px; padding:15px 17px;}
.headertext_classroom .mhoTitle { color:#fff; font-weight:normal;}
.headertext_classroom li {color:#fff;}
.headerlaptop { position:absolute; left:583px; top:-15px;}
.presmessage { background-image:url(/images/iphone_tabletop.png); background-repeat:no-repeat; background-position:right bottom;}


.SignUpCell
{
	border-bottom: #c4b9aa 1px solid; 
	border-left: #c4b9aa 1px solid;
}

.SignUpCellRight
{
	border-bottom: #c4b9aa 1px solid; 
	border-left: #c4b9aa 1px solid;
	border-right: #c4b9aa 1px solid;
}

.SignUpCellTop
{
	border-bottom: #c4b9aa 1px solid; 
	border-left: #c4b9aa 1px solid;
	border-top: #c4b9aa 1px solid;
}

.SignUpCellTopRight
{
	border-bottom: #c4b9aa 1px solid; 
	border-left: #c4b9aa 1px solid;
	border-top: #c4b9aa 1px solid;
	border-right: #c4b9aa 1px solid;
}