/*********************************
		Page Reset/Config
**********************************/
body {margin:0 auto; padding:0; background-color:#171717; color:#FFF; font-family:Helvetica, Sans-Serif, Arial; font-size:1.0em}
 
    
/*********************************
		Content Structure
**********************************/
#mainContent {margin:0 auto; width:1050px; height:970px; background-image:url("../images/AuthBG.jpg"); background-position:top center; background-repeat:no-repeat;}
    
#mainLogin {float:right; margin-right:90px; margin-top:0px; width:200px; font-size:.9em;}
	#mainLogin table {float:right}
	#mainLogin input {background-color:#2F2F2F; border:solid 1px #C9C9C9; color:#C9C9C9}
    #mainLogin img {border:0;}
    #mainLogin a {color:#FFF; text-decoration:none}
        
#publisherMenu {float:right; width:500px; height:40px; margin-right:40px; margin-top:20px; font-size:1.0em;}
	#menuEnd {float:left; margin-top:0px; width:15px; height:40px; background-image:url("../../images/MenuEnd.png")}    
    #menu {padding:0; margin:0; height:40px; list-style-type:none; background-image:url("../../images/MenuBG.png");}
    #menu li {float:left; position:relative; padding:0px 10px 0px 5px; text-align:center;}
    #menu li a {line-height:40px;}
    #menu li a, #menu li a:visited {display:inline; text-decoration:none; color:#FFF}
    #menu li a span img {margin:0px 3px 0px 0px; border:0px; vertical-align:middle}
    #menu li a span, #menu li a:visited span {display:inline}
    #menu li a:hover {border:0; /* needed to trigger IE */ color:#02d1e3;}
    #menu li a:hover span {display:inline; text-align:center; cursor:pointer; background-image:url("../images/MenuRedDot.jpg"); background-position:center; background-repeat:no-repeat;}
    #menu li a.selected {color:#02d1e3;}
        
#mainLogo {position:relative; top:40px; left:110px; width:270px;}
	#mainLogo a, #mainLogo a img, #mainLogo a:active, #mainLogo a:visited, #mainLogo a:hover {border:0px}
	#logo {display:block; width:240px; height:175px; background-image:url("../../images/Logo.png");}
            
#mainInfo {margin:73px 0px 20px 130px; width:800px; height:610px;}
	#mainHeader {padding-top:16px; height:42px; line-height:40px; padding-left:20px; font-size:18pt; font-weight:300}
	#pageMenu {float:left; width:180px; margin-top:0px; font-size:1.1em; background-image:url("../images/AuthMenuBg.jpg"); background-position:center; background-repeat:repeat-y; text-align:left}
	
	#menuOptions a, #menuOptions a:visited, #menuOptions a:active {display:block; width:180px; height:35px; line-height:35px; color:#FFF; text-align:left; text-decoration:none}
	#menuOptions a:hover {font-size:1.0em; color:#C9C9C9;}
	#menuOptions a span {padding-left:25px}
	#menuOptions a.selected {background-image:url("../images/PageMenuBg.jpg"); background-position:center; background-repeat:repeat-x;}
	#menuOptions h4 {font-size:1.2em; margin-bottom:3px; color:#02d1e3;}
	#menuOptions h4 span {padding-left:10px}
	
	#pageMenuFoot {height:32px; width:180px; background-image:url("../images/AuthMenuBgBtm.jpg"); background-position:center; background-repeat:no-repeat;}

#mainFooter {margin:0 auto; margin-bottom:20px; width:815px; height:30px; line-height:30px; text-align:left}
	#mainFooter span {margin-right:100px; color:#FFF; font-size:.9em} 
	

/*********************************
		Library Video 
**********************************/      
#videoLibrary {float:right; margin-top:30px; margin-right:30px; width:550px; height:525px; overflow-y:scroll}
#videoLibrary img {border:solid 3px #171717}
#videoLibrary a, #videoLibrary a:visited {margin-left:10px; display:block; float:left; width:70px; height:22px; line-height:22px; text-align:center; text-decoration:none; color:#FFF; background-color:#05a8b5; border-left:solid 2px #EFEFEF; border-top:solid 2px #EFEFEF; border-right:solid 1px #C9C9C9; border-bottom:solid 1px #C9C9C9}
#videoLibrary a:hover {color:#EFEFEF; background-color:#059ca8; border-left:solid 1px #171717; border-top:solid 1px #171717; border-right:solid 2px #EFEFEF; border-bottom:solid 2px #EFEFEF}
#videoLibrary {scrollbar-arrow-color:#EFEFEF; scrollbar-3dlight-color:#8a8a8a; scrollbar-darkshadow-color:#707070; scrollbar-face-color:#545454; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#CCCCCC; scrollbar-track-color:#3a3a3a;}


/*********************************
		Video Preview 
**********************************/
#previewContainer {margin:10px; width:820px; height:400px; background-color:#EFEFEF; border:solid 2px red}
#previewContent {margin:8px 0px 0px 8px; width:800px; height:380px; background-color:#202022; border:double 2px red}
#btnContainer {float:left; width:240px; height:360px;}
#previewlogo {float:left; width:240px; height:175px; padding:60px 0px 0px 20px;}
#closeBtn {margin-left:75px; margin-top:40px;}
#videoPreview {float:right; margin-top:9px; margin-right:10px; width:480px; height=360px; text-align:left;}


/*********************************
		Video Gallery 
**********************************/
#videoGallery {float:right; margin-top:50px; margin-right:30px; width:550px; height:525px;}
#videoGallery table {margin:0 auto; padding:0}
#videoGallery table tfoot {text-align:center}
#videoGallery table .button {width:90px; color:#FFF; font-weight:300; background-color:#05a8b5}


/*********************************
		Video Order
**********************************/
#setOrderContainer {margin:10px; width:900px; height:400px; background-color:#EFEFEF; border:solid 2px red}
#setOrderContent {margin:8px 0px 0px 8px; width:880px; height:380px; background-color:#202022; border:double 2px red}
#setOrderBtnContainer {float:left; width:240px; height:360px;}
#setOrderContainer #previewlogo {float:left; width:240px; height:175px; padding:60px 0px 0px 20px;}
#setOrderContainer #closeBtn {margin-left:75px; margin-top:40px;}
#setOrderTbl {float:left; margin-top:50px; margin-left:40px; width:480px; height:300px; text-align:left;}
#setOrderTbl #msbUserPool, #setOrderTbl #msbAssignedUser {width:220px; height:150px}
#setOrderTbl .button {width:90px; color:#FFF; font-weight:300; background-color:#05a8b5}


/*********************************
		Video Upload 
**********************************/
#videoUpload {float:right; margin-top:30px; margin-right:10px; width:570px; height:525px;}
#videoUpload .gallerySelect1 {display:block; float:left; margin-right:5px; width:182px; height:70px; font-size:.7em}
#videoUpload .gallerySelect2 {display:block; float:left; margin-left:5px; width:182px; height:70px; font-size:.7em}
#videoUpload #switchBtns {display:block; float:left; padding-top:6px; width:25px;}
#videoUpload img {border:solid 3px #171717}
#videoUpload small {color:#C9C9C9}
#videoUpload table .button {width:90px; color:#FFF; font-weight:300; background-color:#05a8b5}


/************************************
		Publisher New Template 
*************************************/
#newTemplateContainer {float:right; margin-top:30px; margin-right:10px; width:570px; height:525px;}
#newTemplateContainer #TemplateTbl {font-size:1.0em; font-weight:bold}
#newTemplateContainer #TemplateTbl img {border:0}
#newTemplateContainer #ulNow a, #newTemplateContainer #ulNow a:visited {margin:0px; display:block; width:120px; height:28px; line-height:28px; font-weight:bold; text-align:center; text-decoration:none; color:#FFF; background-color:#05a8b5; border-left:solid 2px #EFEFEF; border-top:solid 2px #EFEFEF; border-right:solid 1px #C9C9C9; border-bottom:solid 1px #C9C9C9}
#newTemplateContainer #ulNow a:hover {color:#EFEFEF; background-color:#059ca8; border-left:solid 1px #171717; border-top:solid 1px #171717; border-right:solid 2px #EFEFEF; border-bottom:solid 2px #EFEFEF}
#newTemplateContainer #TemplateBuildContainer {height:525px; overflow-y:scroll; scrollbar-arrow-color:#EFEFEF; scrollbar-3dlight-color:#8a8a8a; scrollbar-darkshadow-color:#707070; scrollbar-face-color:#545454; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#CCCCCC; scrollbar-track-color:#3a3a3a;}
#newTemplateContainer #colPreview, #newTemplateContainer #colPreview1 {width:140px; height:20px; line-height:20px; border:solid 1px #FFF; text-align:center}
#newTemplateContainer .lbl {width:165px; text-align:right}
#newTemplateContainer .picPad {margin-right:10px}
#newTemplateContainer .previewBox {border:solid 1px #C9C9C9}
#newTemplateContainer .sectionTitle {font-size:1.2em; font-weight:bold; border-bottom:solid 2px #C9C9C9}


/************************************
		Publisher Saved Template 
*************************************/
#savedTemplateContainer {float:right; margin-top:30px; margin-right:10px; width:570px; height:525px;}
#savedTemplateContainer #templateTbl {height:480px; overflow-y:scroll; scrollbar-arrow-color:#EFEFEF; scrollbar-3dlight-color:#8a8a8a; scrollbar-darkshadow-color:#707070; scrollbar-face-color:#545454; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#CCCCCC; scrollbar-track-color:#3a3a3a;}
#savedTemplateContainer #templateTbl table {margin-right:10px;}
#savedTemplateContainer #templateTitle {float:left; padding-bottom:5px; width:275px; font-size:1.2em; font-weight:bold;}
#savedTemplateContainer #templateDate {float:left; padding-bottom:5px; width:70px; font-size:1.2em; font-weight:bold;}
#savedTemplateContainer #templateTbl {border-top:solid 3px #C9C9C9;}
#savedTemplateContainer tbody {color:#EFEFEF;}
#savedTemplateContainer #templateTbl a, #savedTemplateContainer #templateTbl a:visited {margin-left:10px; display:block; float:left; width:70px; height:22px; line-height:22px; text-align:center; text-decoration:none; color:#FFF; background-color:#05a8b5; border-left:solid 2px #EFEFEF; border-top:solid 2px #EFEFEF; border-right:solid 1px #C9C9C9; border-bottom:solid 1px #C9C9C9}
#savedTemplateContainer #templateTbl a:hover {color:#EFEFEF; background-color:#059ca8; border-left:solid 1px #171717; border-top:solid 1px #171717; border-right:solid 2px #EFEFEF; border-bottom:solid 2px #EFEFEF}


/************************************
		Publisher Saved Tests 
*************************************/
#savedTestContainer {float:right; margin-top:30px; margin-right:10px; width:570px; height:525px;}
#savedTestLetterNav {text-align:center; font-size:1.1em; font-weight:bold}
#savedTestLetterNav a, #savedTestLetterNav a:visited {color:#FFF; text-decoration:none} 
#savedTestLetterNav a:hover {color:#b40a15}
#savedTestTitle {float:left; padding-bottom:5px; width:275px; font-size:1.2em; font-weight:bold;}
#savedTestDate {float:left; padding-bottom:5px; width:280px; font-size:1.2em; font-weight:bold;}
#savedTestTbl {float:left; border-top:solid 3px #C9C9C9; color:#EFEFEF;}
#savedTestTbl a, #savedTestTbl a:visited {margin-left:10px; display:block; float:left; width:70px; height:22px; line-height:22px; text-align:center; text-decoration:none; color:#FFF; background-color:#05a8b5; border-left:solid 2px #EFEFEF; border-top:solid 2px #EFEFEF; border-right:solid 1px #C9C9C9; border-bottom:solid 1px #C9C9C9}
#savedTestTbl a:hover {color:#EFEFEF; background-color:#059ca8; border-left:solid 1px #171717; border-top:solid 1px #171717; border-right:solid 2px #EFEFEF; border-bottom:solid 2px #EFEFEF}


/************************************
		View Complete Tests 
*************************************/
#viewTestForm {margin:0px auto; padding:20px; text-align:center}
#viewTestForm #viewTestTbl {border:double 2px #000}
#viewTestForm #viewTestTbl #closeBtn {margin:10px}


/************************************
		Publisher New Tests 
		and Edit Tests
*************************************/
#newTestContainer {float:right; margin-top:15px; margin-right:10px; width:550px; height:525px;}
#editTestContainer {float:right; margin-top:15px; margin-right:10px; width:570px; height:525px; overflow:hidden; overflow-y:scroll; scrollbar-arrow-color:#EFEFEF; scrollbar-3dlight-color:#8a8a8a; scrollbar-darkshadow-color:#707070; scrollbar-face-color:#545454; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#CCCCCC; scrollbar-track-color:#3a3a3a;}
#newTestContainer #answerA, #editTestContainer #answerA {display:block}
#newTestContainer #answerB, #newTestContainer #answerC, #newTestContainer #answerD {display:none}
#editTestContainer #answerB, #editTestContainer #answerC, #editTestContainer #answerD {display:none}
#newTestContainer #numAnswers, #editTestContainer #numAnswers {margin-bottom:12px}
#newTestContainer #tabBox, #editTestContainer #tabBox {margin:0px 0px 0px 50px; height:29px; text-align}
#newTestContainer #tabs, #editTestContainer #tabs {padding:0; margin:0; list-style-type:none; white-space:nowrap;}
#newTestContainer #tabs li, #editTestContainer #tabs li {float:left; min-width:100px; margin-right:5px;}
#newTestContainer #tabs a, #editTestContainer #tabs a {positon:relative; display:block; text-decoration:none; min-width:100px; float:left;}
* html #newTestContainer #tabs a, * html #editTestContainer #tabs a {width:100px;}
#newTestContainer #tabs a span, #editTestContainer #tabs a span {display:block; color:#000; background:#c4c4c4; border:1px solid #EFEFEF; border-width:2px 1px; border-bottom:0px; text-align:center; padding:4px 16px; cursor:pointer;}
* html #newTestConainer #tabs a span, * html #editTestContainer #tabs a span {width:100px; cursor:hand; w\idth:66px;}
#newTestContainer #tabs a b, #editTestContainer #tabs a b {display:block; border-bottom:0px solid #EFEFEF;}
#newTestContainer #tabs a em, #editTestContainer #tabs a em {display:none}
#newTestContainer #tabs a:hover, #editTestContainer #tabs a:hover {background:#fff;}
#newTestContainer #tabs a:hover span, #editTestContainer #tabs a:hover span {color:#fff; border:1px solid #171717; border-width:2px 1px; border-bottom:0px; background:#313131;}
#newTestContainer #tabs a .selected, #editTestContainer #tabs a .selected {color:#fff; border:1px solid #171717; border-width:2px 1px; border-bottom:0px; background:#313131;}
#newTestContainer .questionBox, #editTestContainer .questionBox {width:520px; padding:10px; background-color:#313131; border:solid 2px #171717; color:#EFEFEF}
#newTestContainer .answerBox, #editTestContainer .answerBox {width:520px; height:145px; padding:10px; background-color:#313131; border:solid 2px #171717; color:#EFEFEF}
#newTestContainer .answerBox #fontRow, #editTestContainer .answerBox #fontRow {display:none}
#newTestContainer hr, #editTestContainer hr {margin:7px 0px 7px 0px; width:98%}
#newTestContainer .btn, #editTestContainer .btn {font-size:.9em; font-weight:bold}
#editTestContainer #testQuestionTable a.btn , #editTestContainer #testQuestionTable a.btn:visited {margin-left:10px; display:block; float:left; width:70px; height:22px; line-height:22px; text-align:center; text-decoration:none; color:#FFF; background-color:#05a8b5; border-left:solid 2px #EFEFEF; border-top:solid 2px #EFEFEF; border-right:solid 1px #C9C9C9; border-bottom:solid 1px #C9C9C9}
#editTestContainer #testQuestionTable a.btn:hover {color:#EFEFEF; background-color:#059ca8; border-left:solid 1px #171717; border-top:solid 1px #171717; border-right:solid 2px #EFEFEF; border-bottom:solid 2px #EFEFEF}
#editTestContainer #testQuestionTable td.tstQuestion a {color:#FFF;} 


/************************************
		Publisher Complete Tests 
*************************************/
#completedTestContainer {float:right; margin-top:30px; margin-right:5px; width:570px; height:525px;}
#completedTestContainer #completedTestTblHead {border-bottom:solid 3px #C9C9C9; font-size:1.1em; font-weight:bold}
#completedTestContainer #completedTestSection {height:450px; overflow:hidden; overflow-y:scroll; scrollbar-arrow-color:#EFEFEF; scrollbar-3dlight-color:#8a8a8a; scrollbar-darkshadow-color:#707070; scrollbar-face-color:#545454; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#CCCCCC; scrollbar-track-color:#3a3a3a;}
#completedTestTbl {color:#EFEFEF; font-size:.8em}
#completedTestTbl thead {line-height:1px;}
#completedTestTbl a, #completedTestTbl a:visited {display:block; float:left; width:70px; height:22px; line-height:22px; text-align:center; text-decoration:none; color:#FFF; background-color:#05a8b5; border-left:solid 2px #EFEFEF; border-top:solid 2px #EFEFEF; border-right:solid 1px #C9C9C9; border-bottom:solid 1px #C9C9C9}
#completedTestTbl a:hover {color:#EFEFEF; background-color:#059ca8; border-left:solid 1px #171717; border-top:solid 1px #171717; border-right:solid 2px #EFEFEF; border-bottom:solid 2px #EFEFEF}


/*********************************
	   Virtual Trade Show
*********************************/
#TradeshowContainer {float:right; margin-top:30px; margin-right:30px; width:550px; height:525px; overflow-y:scroll}
#TradeshowContainer img {border:solid 3px #171717}
#TradeshowContainer a, #TradeshowContainer a:visited {margin-left:10px; display:block; float:left; width:70px; height:22px; line-height:22px; text-align:center; text-decoration:none; color:#FFF; background-color:#05a8b5; border-left:solid 2px #EFEFEF; border-top:solid 2px #EFEFEF; border-right:solid 1px #C9C9C9; border-bottom:solid 1px #C9C9C9}
#TradeshowContainer a:hover {color:#EFEFEF; background-color:#059ca8; border-left:solid 1px #171717; border-top:solid 1px #171717; border-right:solid 2px #EFEFEF; border-bottom:solid 2px #EFEFEF}
#TradeshowContainer {scrollbar-arrow-color:#EFEFEF; scrollbar-3dlight-color:#8a8a8a; scrollbar-darkshadow-color:#707070; scrollbar-face-color:#545454; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#CCCCCC; scrollbar-track-color:#3a3a3a;}


/************************************
		Mobile Gallery
*************************************/
#MobileGalleryContainer {float:right; margin-top:30px; margin-right:30px; width:550px; height:525px; overflow-y:scroll}
#MobileGalleryContainer {scrollbar-arrow-color:#EFEFEF; scrollbar-3dlight-color:#8a8a8a; scrollbar-darkshadow-color:#707070; scrollbar-face-color:#545454; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#CCCCCC; scrollbar-track-color:#3a3a3a;}


/*********************************
			Analytics 
**********************************/      
#analyticsContent {float:right; margin-top:30px; margin-right:30px; width:550px; height:525px; /*overflow-y:scroll*/}
#analyticsContent img {border:solid 3px #171717}
/*#analyticsContent a, #analyticsContent a:visited {margin-left:10px; display:block; float:left; width:70px; height:22px; line-height:22px; text-align:center; text-decoration:none; color:#FFF; background-color:#05a8b5; border-left:solid 2px #EFEFEF; border-top:solid 2px #EFEFEF; border-right:solid 1px #C9C9C9; border-bottom:solid 1px #C9C9C9}
#analyticsContent a:hover {color:#EFEFEF; background-color:#059ca8; border-left:solid 1px #171717; border-top:solid 1px #171717; border-right:solid 2px #EFEFEF; border-bottom:solid 2px #EFEFEF}
 #analyticsContent {scrollbar-arrow-color:#EFEFEF; scrollbar-3dlight-color:#8a8a8a; scrollbar-darkshadow-color:#707070; scrollbar-face-color:#545454; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#CCCCCC; scrollbar-track-color:#3a3a3a;} */


/*********************************
	   General Page Classes
*********************************/
.clear {clear:both}
.center {text-align:center}
.error {color:#FF0000; font-weight:bold}
.homeTitle {color:#02d1e3; font-size:1.2em;}
.LoginBtn {margin-top:15px; margin-left:5px}
.moreLink {font-size:.8em; color:#FF0000}
.fltLeft {float:left;}
.fltRight {float:right}
.txtLeft {text-align:left}
.txtRight {text-align:right}
.txtCenter {text-align:center}
.noShow {display:none}