html {height: 100%;}
body.generalBody {background-color: #949393; background-image: url('../images/bg-grad.jpg'); background-repeat: repeat-x; 
    padding: 0px; margin: 0px; height: 100%; }
body.popupBody {background-color: White;  height: 100%; padding: 0px; margin: 0px; }
    
form { padding: 0px; margin: 0px;}
form.mainForm {height: 100%;}

img {border-width: 0px;}

div.centerPane {width: 800px; background-color: #c0c0c0; height: 100%; }
div#leftPane {float:left; height: 500px; }
div#rightPane {float:right; height: 500px;}
div.centerPane div#topBackground {background-color: #292522; height:94px; }
div.centerPane div#top {background-image: url('../images/top-right.jpg'); background-repeat: no-repeat; background-position: right; height:94px;  }
div.centerPane div#siteaddress { }
div.centerPane div#topLogo {background-image: url('../images/top.jpg'); background-repeat: no-repeat; height:94px;}

table.centerTable {border-width: 0px; border-collapse: collapse; width: 100%; height: 100%;}
table.centerTable td {border-width: 0px; }
table.centerTable td.leftBorder {background-image: url('../images/content-left.gif'); width: 6px !important; padding: 0px; }
table.centerTable td.rightBorder {background-image: url('../images/content-right.gif'); width: 6px !important;padding: 0px}
table.centerTable td.bottomLeftBorder {background-image: url('../images/content-left.gif'); width: 6px !important; padding: 0px; }
table.centerTable td.bottomRightBorder {background-image: url('../images/content-right.gif'); width: 6px !important;padding: 0px}
table.centerTable td.bottom {background-color: White; padding: 0px; text-align: center; font-size: smaller; height:30px; }
table.centerTable td.content {background-color: White; padding:25px !important ; 
    color:#101010; text-align: justify; vertical-align: top; height: 100%; width: 100%;
 }
table.centerTable td.menu {text-align: left;height: 29px;padding: 0px}
table.centerTable td.top {height: 90px !important;padding: 0px}
div.languageSelector {padding-top: 5px; padding-right:25px; height: 35px;}
div.languageSelector a {color: #d0d0d0;}
div.languageSelector div { margin-right: 3px; float: right; font-size: smaller; text-align: center; }

/*
div#centerPane div#content {background-color: White; padding: 20px; font-size: 0.80em;color:#101010; margin: 0px 10px 0px 10px; text-align: justify; }
div#centerPane div#content1 {background-image: url('../images/content-left.gif'); background-repeat: repeat-y; background-position: left; background-color: White; display: table-cell; height: 100%; width: 100%;}
div#centerPane div#content2 {background-image: url('../images/content-right.gif'); background-repeat: repeat-y; background-position: right; display: table-cell; height: 100%; }*/
div#contentPopupWrapper {background-color: White; color:#101010; height:100% }
div.contentPopup {padding: 20px;}
.content a, .contentPopup a {color: #016ab9; }

/* Grid  */
table.grid {width: 100%; border-collapse: collapse; border-width: 0px; }
table.grid tr {border-width: 0px; }
table.grid tr:hover {background-color:#ddf0ff; }
table.grid td {border-width: 0px; padding: 3px;}
table.grid th {border-width: 0px; text-align: left; background-color: #d0d0d0; padding: 3px 5px 3px 5px; font-weight:bold; font-size: 90%; border-bottom: 1px solid #b0b0b0}
tr.hidden { display:none;visibility:hidden; }
tr.groupItem { background-color:#e0e0ff; }
tr.alternatingRow {background-color: #fefeeb; }
td.controlCell {text-align: right;}

/* Buttons */
div.buttonPanel {padding: 10px; background-color: #fefeeb; border: 1px solid #ecebd4; background-color: #fefeeb; margin-top: 20px;}
div.buttonPanelRounded {padding: 5px 20px 5px 20px; background-color: #fefeeb; }
div.buttonPanelRoundedHolder {width: 99%;}
div.buttonPanel input, div.buttonPanelRounded input { }
input.btnSave, input.btnDelete, input.btnEnter,
input.btnSelect, input.btnPreview, input.btnNewLesson,
input.btnGeneral
{/*background-image: url('../images/btnGeneral.jpg'); border-width:0px; width: 100px; height: 20px;
color: white; font-weight: bold; background-repeat: no-repeat; font-size: 11px;*/}

/* Panels */
div.roundedPanelHolder {width: 99%;}
div.yellowPanelBorder {background-color: #fefeeb; border: 1px solid #ecebd4; padding: 5px 20px 5px 20px;}
div.panelHeaderBlue {border: 1px solid #84a8cb; color: #4c7fb1; 
    font-weight: bold; padding: 5px 20px 5px 20px;
    background-color: #ccdced;}
div.panelContentYellow {background-color: #fefeeb; border: 1px solid #e6e4b9; border-top: 0px;
    padding: 10px 20px; color: #505050;}

/* DetailsView */
table.details {border: 0px; border-collapse:collapse;}
table.details tr {border: 0px;}
table.details td {border: 0px; padding-top: 3px; padding-bottom: 3px;}
table.details select {width: 205px;}
table.details input[type="text"], input[type="password"] {width: 200px;}
table.detals textarea {width:200px;border: 10px solid red;}
td.detailHeader {padding-right: 20px;}

/* text styles */
.error {color:Red;}
.successMessage {color: #008a6c; }

/* miscellaneous */
label {float: left;}
div.agreement {overflow:auto; height: 200px; width: 500px;
    border: 1px solid #b0b0b0;text-align:justify;padding: 10px;font-size: 0.85em; line-height: 1.5em;}
div.wizard label { float: none; }
div.order label { float: none; } 
div.floatingBox {position: absolute; top: 0; left: 0; z-index: 10;
        text-align:center; font-weight:bold; width:99%;}
.transparentPng {behavior: url(/style/iepngfix.htc);}	

div.captcha { display: inline; }	

/* login */
div.login {text-align: left;}
div.login label {width: 140px; float: left; margin-top: 8px; }
div.login span.recovery { font-size:smaller; }
div.login div.inputs input {margin-top: 5px;width: 150px; }
div.login div.error {padding: 10px;}

/* registration */
div.registration {text-align: left;}
div.registration label {width: 200px; float: left; margin-top: 8px; }
div.registration div.inputs input {margin-top: 5px;width: 150px; }
div.registration div.error {padding: 10px;}

/* password recovery */
div.recovery label {float:none; }
div.recovery input {width: 200px; }

/* products */
div.products {}
div.products span.categoryName {font-size: 120%; background-image: url('../images/folder.gif'); background-repeat: no-repeat; padding-left: 25px;}
div.products span.productName {background-image: url('../images/file.gif'); background-repeat: no-repeat; padding-left: 20px;}

/* navigation path */
div.path {padding: 0px 0px 20px 0px;}

div.updateProgress {position:fixed; left: 2px; top: 2px; background-color: #f0f0f0; font-size: 120%; padding: 5px 20px 5px 20px;}

/* tree */
table.treeNode {border-collapse: collapse; border-width: 0px; width: 100%; padding: 0px; cursor:pointer;}
div.folderPlus {width: 30px; height:18px; margin-right: 3px; background-image: url('../images/plus.gif'); float: left;}
div.folderMinus {width: 30px; height:18px; margin-right: 3px; background-image: url('../images/minus.gif'); float: left;}
div.fileImage {width: 16px; height:16px; margin-right: 3px; background-image: url('../images/file.gif'); float: left; }
td.childs {padding: 0px 0px 0px 20px; cursor: pointer;}
td.cellName {border: 0px;}
div.addFolder {width: 20px; height:16px; background-image: url('../images/folder.gif'); cursor: pointer; margin-left: 10px; float: right;}
div.copyFolder {width: 20px; height:16px; background-image: url('../images/folder-copy.gif'); cursor: pointer; margin-left: 10px; float: right;}
div.refreshFolder {width: 16px; height:16px; background-image: url('../images/refresh.gif'); cursor: pointer; float: right;}
div.deleteFolder {width: 16px; height:16px; background-image: url('../images/folder-delete.gif'); margin-left: 10px; float: right;}
div.deleteFile {width: 16px; height:16px; background-image: url('../images/file-delete.gif'); margin-left: 10px; float: right;}
div.copyFile {width: 16px; height:16px; background-image: url('../images/file-copy.gif'); margin-left: 10px; float: right;}
div.uploadFiles {width: 16px; height:16px; background-image: url('../images/file.gif');margin-left: 10px; float: right;}
div.renameItem {width: 16px; height:16px; background-image: url('../images/edit.gif'); margin-left: 10px; float: right;}
a.renameItem {width: 16px; height:16px; background-image: url('../images/edit.gif'); margin-left: 10px; float: right;}
div.addItem {width: 16px; height:16px; background-image: url('../images/add.gif'); margin-left: 10px; float: right;}
div.removeItem {width: 16px; height:16px; background-image: url('../images/remove.gif'); margin-left: 10px; float: right;}
div.assignFile {width: 16px; height:16px; background-image: url('../images/arrow-right-blue.gif'); margin-left: 10px; float: right;}
tr.rowName {} 
tr.rowNameHover {background-color: #f5f5f5;} 
span.folderName {float: left; margin-right: 50px;}
span.folderId {float:left;}
span.folderNameSelected {float: left; margin-right: 50px; color: #C14747; font-weight: bold;}
span.fileName {float: left; margin-right: 50px;}
div.folderEditor {float: left; border: 1px solid red;}
div.folderEditor input.textbox {height: 15px; border: 1px solid #f5f5f5; vertical-align: middle;}
div.folderEditor input.btnTreeSave {height: 19px; vertical-align: middle; border: 1px solid #f5f5f5; background-color: #f0f0f0; margin-left: 5px; width: 55px;}
div.folderEditor input.btnTreeCancel {height: 19px; vertical-align: middle; border: 1px solid #f5f5f5; background-color: #f0f0f0; margin-left: 5px; width: 55px;}
span.pageName {float: left; margin-right: 50px;}
div.pageImage {width: 16px; height:16px; margin-right: 3px; background-image: url('../images/page.gif'); float: left; }
div.deletePage {width: 16px; height:16px; background-image: url('../images/page-delete.gif'); margin-left: 10px; float: right;}

/* lessons */
table.lesson {width: 100%; border-collapse: collapse; margin-bottom: 2px;  border: 1px solid #dcdbc5;}
table.lesson div.description {padding: 10px;}
td.lessonContent {background-color: #fefeeb; padding: 5px; }
td.lessonHeader { background-color: #ecebd4; padding: 5px 5px 5px 10px; color: #404040; }
div.expand {width: 50px; height:17px; background-image: url('../images/expand.jpg'); background-repeat: no-repeat; float: right; vertical-align: middle; background-position: right center;cursor:pointer;}
div.collapse {width: 50px; height:17px; background-image: url('../images/collapse.jpg'); background-repeat: no-repeat; float: right; vertical-align: middle;background-position: right center;cursor:pointer;}
div.lessonName {vertical-align: middle;font-weight: bold;}
input.chkLesson {float: left; margin-right: 5px;}
div.lessonNameSelected { color: #C14747; font-weight: bold;}
div.lessonPanel {margin-bottom: 3px; border-bottom: 1px solid #f4f4da; padding-bottom: 3px;}
table.lesson tr.rowNameHover {background-color: #f4f4da;}
/* opened lesson */ 
table.openLesson td.lessonHeader {background-color: Blue;}

/* PaymentPlan info */
table.paymentPlanInfo { border-collapse: collapse; width: 100%; margin-bottom: 20px;  }
/*table.paymentPlanInfo th { background-color: #CDE; border: solid 1px #AAA; padding: 5px 10px; }
table.paymentPlanInfo td { border: solid 1px #AAA; padding: 5px 10px; }*/
table.paymentPlanInfo th, table.paymentPlanInfo td { border: solid 1px #AAA; padding: 5px 10px; }
table.paymentPlanInfo th { background-color: #CDE; }
table.paymentPlanInfo th.moneyColumn, table.paymentPlanInfo td.moneyColumn { text-align: right; width: 15%; }

/* Payment plans */
div.paymentPlans label { float: none; }

/* modal dialog */
div.overlay 
{
     display:none;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}
div.overlayContent {
     width:300px;
     margin: 100px auto;
     border:1px solid #ecebd4;
     text-align:center;
     background-color: #fefeeb;
}
div.overlayHeader {background-color: #ecebd4; padding: 5px; font-weight: bold; border-bottom: 1px solid #dcdbc5;}
div.overlayBody {padding:15px; text-align: justify;}

/* old */
.input {width: 150px;}


/* Menu */
div.mainMenu ul { width: 100%; font-size:10px; font-weight: bold; background-color:#5f6a77; background-image: url('../images/menu-bg.gif'); }
div.mainMenu ul ul { width:auto; }

div.mainMenu ul, div.mainMenu ul ul { float: left; list-style: none; line-height: 28px; padding: 0; margin: 0; }

div.mainMenu ul a { display: block; text-decoration: none; color:#d5d5d5; text-align:center; background-color:#404040; background-image: url('../images/menu-bg.gif'); padding: 0px 15px} 
div.mainMenu ul ul a { padding: 0px 20px 0px 20px; text-align:left; background-color:#404040; background-image: none; 
    border-bottom: 1px solid #505050; border-left:solid 1px #505050; border-right:solid 1px #505050;}

div.mainMenu ul li { float: left; padding: 0; }
div.mainMenu ul li li { float: none; }

div.mainMenu ul a:hover { background-color: #505050; background-image: none;}
div.mainMenu ul ul a:hover { background-color: #505050;}

div.mainMenu ul ul { position: absolute; left: -999em; height: 28px; margin: 0; }
div.mainMenu ul ul ul { margin: -20px 0 0 170px; }

div.mainMenu ul li:hover ul ul, div.mainMenu ul li:hover ul ul ul, div.mainMenu ul li.sfhover ul ul, div.mainMenu ul li.sfhover ul ul ul {
	left: -999em;
}

div.mainMenu ul li:hover ul, div.mainMenu ul li li:hover ul, div.mainMenu ul li li li:hover ul, div.mainMenu ul li.sfhover ul, div.mainMenu ul li li.sfhover ul, div.mainMenu ul li li li.sfhover ul {
	left: auto;
}


div#menuBackground1 {padding-left: 29px; background-image: url('../images/menu-left.jpg'); height: 29px; }
div#menuBackground2 {padding-right: 29px; background-image: url('../images/menu-right.jpg'); background-position: right top; height: 29px;}
div#menuBackground3 {background-image: url('../images/menu-bg.gif'); border-top: 1px solid #4d4a48;  height: 28px; }