/*--- Common ---*/
* { padding:0px; margin:0px; }
body { background:#D1D1D1 url(images/background.gif) left top repeat-x; color:#1D1D1D; font:normal 11px/18px "Trebuchet MS", Arial, Tahoma; }
.floatLeft, .fL, .fLeft { float:left; }
.floatRight, .fR, .fRight { float:right; }
.clear { clear:both; display:block; }

/*--- Additions --- */
.breadCrumb { text-align:right; padding-right:10px; border-bottom:1px solid #ccc; margin-bottom:15px; }
a { color:#be0000; text-decoration:none; }
a:hover { text-decoration:underline; }
.txtFleft { float:left; padding-right:10px; padding-top:3px; }
.tFleft {font:normal 20px/20px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#be0000; }
.curvesMidLarge { padding:0px 14px;  background:#F3F3F4; border-left:1px solid #D1D2D4; border-right:1px solid #D1D2D4; 
font:normal 18px/20px Georgia, "Times New Roman", Times, serif; font-style:italic; }
.myImage { float:right; padding:5px; border:1px solid #ccc; margin-left:10px; }


/*--- Input Error ---*/
.inputerror {
	color: red;
}


/*--- Wrapper ---*/
#Wrapper { width:940px; margin:auto; }

/*--- Top ---*/
#Top { height:43px; overflow:hidden;}
#Top .floatLeft { width:500px; color:#D1D1D1; font:normal 11px/34px "Trebuchet MS", Arial, Tahoma; }
#Top .floatLeft a { color:#d1d1d1; text-decoration:none; padding:0px 3px; }
#Top .floatLeft a:hover { color:#fff; }
#Top .floatRight { height:32px; background:url(images/top-area-curve.gif) left bottom no-repeat #BE0000; width:338px; padding-left:14px; padding-top:11px; }
#Top .floatRight input { float:left; font:normal 11px "Trebuchet MS", Arial, Tahoma; line-height:normal; border:0px; color:#565555; }
#Top .floatRight .username { background:url(images/username.gif) left top no-repeat; width:117px; padding:2px 9px 5px 9px; margin-right:9px; }
#Top .floatRight .password { background:url(images/password.gif) left top no-repeat; width:117px; padding:2px 9px 5px 9px; }

/*--- LogoContainer ---*/
#LogoContainer { height:125px; position:relative; }
#LogoContainer h1.Logo { width:248px; height:135px; position:absolute; top:-16px; left:-7px; background:url(http://www.hostmct.com/template_images/logo-main.gif) left top no-repeat; }
#LogoContainer h1.xmas { width:248px; height:135px; position:absolute; top:-16px; left:-7px; background:url(images/logo-xmas.gif) left top no-repeat; }
#LogoContainer h1.thanksgiving { width:248px; height:135px; position:absolute; top:-16px; left:-7px; background:url(images/logo-thanksgiving.gif) left top no-repeat; }
#LogoContainer h1.easter { width:248px; height:135px; position:absolute; top:-16px; left:-7px; background:url(images/logo-easter.gif) left top no-repeat; }
#LogoContainer h1.halloween { width:248px; height:135px; position:absolute; top:-16px; left:-7px; background:url(images/logo-halloween.gif) left top no-repeat; }
#LogoContainer h1 a { width:248px; height:135px; display:block; text-indent:-9999px; }


#LogoContainer .floatRight { width:352px; padding-top:17px; }
#LogoContainer .floatRight .top { height:76px; overflow:hidden; padding-bottom:9px; }
#LogoContainer .floatRight .bottom { width:230px; float:right; background:url(images/timings.gif) center top no-repeat; height:13px; }

/*--- Menu ---*/
#Menu { height:54px; background:#BE0000; overflow:hidden; }
#Menu li { display:inline; }
#Menu li a { display:block; float:left; height:54px; color:#fff; text-indent:-9999px; overflow:hidden; }

/*normal*/

#Menu li a.Home { background:url(images/home.gif) left top no-repeat; width:79px; }
#Menu li a.About { background:url(images/about.gif) left top no-repeat; width:81px; }
#Menu li a.WebHosting { background:url(images/hosting.gif) left top no-repeat; width:132px; }
#Menu li a.Reseller { background:url(images/reseller.gif) left top no-repeat; width:100px; }
#Menu li a.Specials { background:url(images/specials.gif) left top no-repeat; width:97px; }
#Menu li a.Affiliates { background:url(images/affiliates.gif) left top no-repeat; width:108px; }
#Menu li a.Domains { background:url(images/domains.gif) left top no-repeat; width:101px; }
#Menu li a.Contact { background:url(images/contact.gif) left top no-repeat; width:97px; }
#Menu li a.ClientPortal { background:url(images/client-portal.gif) left top no-repeat; width:145px; }

/*#Menu li a.home { background:url(images/home.gif) left top no-repeat; width:95px; }
#Menu li a.login { background:url(images/login-to-account.gif) left top no-repeat; width:182px; }
#Menu li a.yourcodeteacher { background:url(images/your-code-teacher.gif) left top no-repeat; width:182px; }
#Menu li a.lessons { background:url(images/lessons.gif) left top no-repeat; width:104px; }
#Menu li a.freeLessons { background:url(images/free-lessons.gif) left top no-repeat; width:143px; }
#Menu li a.giftCards { background:url(images/gift-cards.gif) left top no-repeat; width:127px; }
#Menu li a.contactUs { background:url(images/contact-us.gif) left top no-repeat; width:132px; }
#Menu li a.registerNow { background:url(images/register-now.gif) left top no-repeat; width:157px; }*/

/*hover and selected*/
#Menu li a.Home:hover, #Menu li a.HomeSel { background:url(images/home.gif) left bottom no-repeat; width:79px; }
#Menu li a.About:hover, #Menu li a.AboutSel { background:url(images/about.gif) left bottom no-repeat; width:81px; }
#Menu li a.WebHosting:hover, #Menu li a.WebHostingSel { background:url(images/hosting.gif) left bottom no-repeat; width:132px; }
#Menu li a.Reseller:hover, #Menu li a.ResellerSel { background:url(images/reseller.gif) left bottom no-repeat; width:100px; }
#Menu li a.Specials:hover, #Menu li a.SpecialsSel { background:url(images/specials.gif) left bottom no-repeat; width:97px; }
#Menu li a.Affiliates:hover, #Menu li a.AffiliatesSel { background:url(images/affiliates.gif) left bottom no-repeat; width:108px; }
#Menu li a.Domains:hover, #Menu li a.DomainsSel { background:url(images/domains.gif) left bottom no-repeat; width:101px; }
#Menu li a.Contact:hover, #Menu li a.ContactSel { background:url(images/contact.gif) left bottom no-repeat; width:97px; }
#Menu li a.ClientPortal:hover, #Menu li a.ClientPortalSel { background:url(images/client-portal.gif) left bottom no-repeat; width:145px; }

/*#Menu li a.home:hover, #Menu li a.homeSel { background:url(images/home.gif) left bottom no-repeat; width:95px; }
#Menu li a.login:hover, #Menu li a.loginSel { background:url(images/login-to-account.gif) left bottom no-repeat; width:182px; }
#Menu li a.yourcodeteacher:hover, #Menu li a.loginSel { background:url(images/your-code-teacher.gif) left bottom no-repeat; width:182px; }
#Menu li a.lessons:hover, #Menu li a.lessonsSel { background:url(images/lessons.gif) left bottom no-repeat; width:104px; }
#Menu li a.freeLessons:hover, #Menu li a.freeLessonsSel { background:url(images/free-lessons.gif) left bottom no-repeat; width:143px; }
#Menu li a.giftCards:hover, #Menu li a.giftCardsSel { background:url(images/gift-cards.gif) left bottom no-repeat; width:127px; }
#Menu li a.contactUs:hover, #Menu li a.contactUsSel { background:url(images/contact-us.gif) left bottom no-repeat; width:132px; }
#Menu li a.registerNow:hover, #Menu li a.registerNowSel { background:url(images/register-now.gif) left bottom no-repeat; width:157px; }*/

/*--- Content Container --- */
#ContentContainer { width:100%; height:100%; }

/*--- Left Nav Specifications ---*/
#LeftNavigation { width:200px; height:100%; }
#LeftNavigation { background-color:#000000; }

/*--- MainContent Area ---*/
#MainContent { width: 340px; height:auto;}

/*--- Mini Tables ---*/
.breadCrumb { text-align:right; padding-right:10px; border-bottom:1px solid #ccc; margin-bottom:15px; }
a { color:#be0000; text-decoration:none; }
a:hover { text-decoration:underline; }
.miniTable td { padding:3px 0px; font-size:13px; }
.inputBox { width:350px; border:2px solid #D1D2D4; padding:3px; font:normal 12px "Trebuchet MS", Arial, Tahoma; }
.miniTable td select.inputBox { width:360px; border:2px solid #D1D2D4; padding:3px; font:normal 12px "Trebuchet MS", Arial, Tahoma; }
.miniTable td textarea.inputBox { width:350px; border:2px solid #D1D2D4; padding:3px; font:normal 12px "Trebuchet MS", Arial, Tahoma; height:200px; }
.txtInner { border-bottom:1px solid #ccc; margin-bottom:15px; }
.innerMainArea { padding:0px 14px; }


.mini td .inputBox { width:200px; }
.mini td select.inputBox { width:210px; }
.mini td select.cl { border:2px solid #999999; background:#F3F3F4; }

.max td .inputBox { width:290px; }
.max td select.inputBox { width:300px; }
.max td select.cl { border:2px solid #999999; background:#F3F3F4; }

.mi { border:#d1d1d1 1px solid; }
.mi td { background:#F3F3F4; padding:5px; }
.mi td strong { color:#006633; }



/*--- Regular Button Panel ---*/
#ButtonPanel .floatLeft .topmenu .bottommenu { background:url(images/bottom-menu.gif) left bottom no-repeat; padding-bottom:0px; padding-left:6px; padding-right:6px; }
#ButtonPanel .floatLeft .topmenu .bottommenu { background:url(images/bottom-menu.gif) left bottom no-repeat; padding-bottom:0px; padding-left:6px; padding-right:6px; }
#ButtonPanel .floatLeft .topmenu .bottommenu li { display:block; }
#ButtonPanel .floatLeft .topmenu .bottommenu li a { display:block; text-decoration:none; font:bold 11px/26px "Trebuchet MS", Arial, Tahoma; color:#1D1D1D; padding-left:17px; background:url(images/left-menu-normal.gif) left top no-repeat; margin-bottom:0px; }
#ButtonPanel .floatLeft .topmenu .bottommenu li a:hover, #Container .videoArea .floatLeft .topmenu .bottommenu li a.sel { background:url(images/left-menu-hover.gif) left top no-repeat; }

#adminbtnsgroup.subbuttons a { background:url(images/subbar.png) left top no-repeat !important; margin-bottom:0px; margin-top:-4px; padding-left:12px; line-height: 22px !important; }
#adminbtnsgroup.subbuttons a:hover { background:url(images/subbarover.png) left top no-repeat !important; margin-bottom:0; padding-left:12px; line-height: 22px !important; }
#vidrequestsbtnsgroup.subbuttons a { background:url(images/subbar.png) left top no-repeat !important; margin-bottom:0px; margin-top:-4px; padding-left:12px; line-height: 22px !important; }
#vidrequestsbtnsgroup.subbuttons a:hover { background:url(images/subbarover.png) left top no-repeat !important; margin-bottom:0; padding-left:12px; line-height: 22px !important; }
#quizzesbtnsgroup.subbuttons a { background:url(images/subbar.png) left top no-repeat !important; margin-bottom:0px; margin-top:-4px; padding-left:12px; line-height: 22px !important; }
#quizzesbtnsgroup.subbuttons a:hover { background:url(images/subbarover.png) left top no-repeat !important; margin-bottom:0; padding-left:12px; line-height: 22px !important; }
#preferencesbtnsgroup.subbuttons a { background:url(images/subbar.png) left top no-repeat !important; margin-bottom:0px; margin-top:-4px; padding-left:12px; line-height: 22px !important; }
#preferencesbtnsgroup.subbuttons a:hover { background:url(images/subbarover.png) left top no-repeat !important; margin-bottom:0; padding-left:12px; line-height: 22px !important; }
#billingbtnsgroup.subbuttons a { background:url(images/subbar.png) left top no-repeat !important; margin-bottom:0px; margin-top:-4px; padding-left:12px; line-height: 22px !important; }
#billingbtnsgroup.subbuttons a:hover { background:url(images/subbarover.png) left top no-repeat !important; margin-bottom:0; padding-left:12px; line-height: 22px !important; }
#messagesbtnsgroup.subbuttons a { background:url(images/subbar.png) left top no-repeat !important; margin-bottom:0px; margin-top:-4px; padding-left:12px; line-height: 22px !important; }
#messagesbtnsgroup.subbuttons a:hover { background:url(images/subbarover.png) left top no-repeat !important; margin-bottom:0; padding-left:12px; line-height: 22px !important; }

#ButtonPanel .floatLeft .topmenu .bottommenu li a.last { margin-bottom:0px; }
#ButtonPanel { background:#fff; padding:0px; }
#ButtonPanel .floatLeft { width:205px; }
#ButtonPanel .floatRight { width:664px; }
#ButtonPanel p { margin-bottom:18px; }
#ButtonPanel { padding-bottom:24px; }
#ButtonPanel .floatLeft  { background:#F3F3F4 url(images/left-menu-bg.gif) left top repeat-y; }
#ButtonPanel .floatLeft .topmenu { background:url(images/top-menu.gif) left top no-repeat; padding-top:0px; }

/*--- Drop Down Styles ---*/
.selectdropdown
{
	scrollbar-arrow-color: #CCCCCC; 
	border: 1px solid #666666; 
	font-size: 12px;
	margin-left:11px;
	font-family: Trebuchet MS;
}

/*--- Container ---*/
#Container { background:#fff; padding:20px 24px; }
#Container .floatLeft { width:600px; padding-left:20px; }
#Container .floatRight { width:193px; }
#Container p { margin-bottom:18px; }
#Container td { padding:3px; }
#Container input, #Container select, #Container textarea { border:2px solid #D1D2D4; padding:3px; font:normal 12px "Trebuchet MS", Arial, Tahoma; margin-bottom:3px; } 

/*--- Footer ---*/
#Footer { height:70px; background:url(images/footer-bg.gif) left top repeat-x #BE0000; line-height:38px; color:#fff; }
#Footer .floatLeft { height:70px; background:url(images/footer-left.gif) left top no-repeat; width:50%; padding-left:24px; }
#Footer .floatRight { height:70px; background:url(images/footer-right.gif) right top no-repeat; width:30%; text-align:right; padding-right:24px; }
#Footer a { color:#fff; text-decoration:underline; }
#Footer a:hover { text-decoration:none; }

















/* --------------------------------------------------------------
   GLOBAL
-------------------------------------------------------------- */

/*body { background:#D1D1D1 url(images/background.gif) left top repeat-x; color:#1D1D1D; font:normal 11px/18px "Trebuchet MS", Arial, Tahoma; }

form {
	margin: 0px;
}

body,td,input,select,textarea {
font:normal 11px/18px "Trebuchet MS", Arial, Tahoma;
}

a {
	color: #be0000;
}

a:hover {
	text-decoration: none;
}

.wrapper {
	width: 680px;
	border: 0px;
	padding: 5px;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	padding-top:35px;

}
*/
/* --------------------------------------------------------------
   HEADINGS
-------------------------------------------------------------- */

.heading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height:30px;
	font-weight: normal;
	color: #be0000;
}

.heading2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height:30px;
 
    text-decoration: none;
    color: #000000;
}

.heading3 {
    font-family: Georgia;
    font-size: 14px;
    font-weight: bold;
    color: #16679F;
}

/* --------------------------------------------------------------
   INFO BOXES
-------------------------------------------------------------- */

.contentbox {
	text-align: left;
	background-color: #f2f2f2;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	color:#000;
	padding-left:15px;
}

.errorbox {
	border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #cc0000;
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------
   CLIENT AREA NAVBAR
-------------------------------------------------------------- */

.clientarealinks {
    background-color: #FDFCDD;
    padding: 10px;
}

.clientarealinks a {
	color: #555555;
}

/* --------------------------------------------------------------
   TABLES
-------------------------------------------------------------- */

table.topnavbar {
	width: 100%;
	padding:0px;
	margin:0px;
	background-color: #BE0000;
}

tr.topnavbar {
	background-color: #BE0000;
	font-weight:bold;
	text-align: center;
}

tr.topnavbar a {
	color: #fff;
	text-decoration: none;
	font:bold 13px/20px "Trebuchet MS", Arial, Tahoma;
	
}

tr.topnavbar a:hover {
	color: #f8D6D6;
}

table.frame {
	width: 100%;
	border: 1px solid #d1d1d1;
	padding: 0px;
	margin-bottom:10px;
}

.fieldarea {
	background-color: #f2f2f2;
	text-align: right;
}

.clientareatable {
	width: 100%;
	background-color: #cccccc;
}

tr.clientareatableheading {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
}

tr.clientareatableactive {
	background-color: #ffffff;
	text-align: center;
}

tr.clientareatablepending {
	background-color: #FFFFE2;
	text-align: center;
}

tr.clientareatablesuspended {
	background-color: #E9FFD2;
	text-align: center;
}

tr.clientareatableterminated {
	background-color: #FFE1E1;
	text-align: center;
}

/* --------------------------------------------------------------
   NETWORK ISSUES
-------------------------------------------------------------- */

.networkissuessummary {
    background-color: #f6f6f6;
    border: 1px dashed #cccccc;
    padding: 10px;
    text-align: center;
}

.networkissuesopen {
    font-size: 16px;
    font-weight: bold;
    color: #65CC00;
    padding-right: 20px;
}

.networkissuesscheduled {
    font-size: 16px;
    font-weight: bold;
    color: #EEDD00;
    padding-right: 20px;
}

.networkissuesclosed {
    font-size: 16px;
    font-weight: bold;
    color: #888888;
}

.networkissuedescription {
    border-left: 5px solid #efefef;
    padding: 20px;
    padding-top: 1px;
}

.networkissueaffected {
    background-color: #FDFCDD;
    padding: 10px;
    margin-top: 10px;
}

/* --------------------------------------------------------------
   SUPPORT TICKETS
-------------------------------------------------------------- */

.clientticketreplyheader {
    margin-top: 20px;
    background-color: #92BDEA;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.clientticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/clientticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.adminticketreplyheader {
    margin-top: 20px;
    background-color: #888888;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.adminticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/adminticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.closeticket {
    border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
    color: #cc0000;
}

/* --------------------------------------------------------------
   TEXT COLORS
-------------------------------------------------------------- */

.textblack {
	color: #000000;
}

.textblue {
    color: #224488;
}

.textgreen {
	color: #779500;
}

.textgrey {
	color: #888888;
}

.textgold {
    color: #ffbb55;
}

.textorange {
	color: #ff6600;
}

.textred {
	color: #cc0000;
}


/*.contr { background:#fff; padding:10px 15px; width:650px; }*/