/*
    Document   : main
    Created on : Mar 18, 2010, 2:45:40 AM
    Author     : dev
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* ORIGINALLY FROM STYLES.CSS --------------------------------------------------*/

body{
	background-color: #aaaaaa;/*edeef3  #EDEEF3;*/
	font-family:Arial,Verdana, Helvetica, Sans-serif;
	font-size:12px;
	color:black;
	margin:0px;
	padding:0px;
	text-align:center;
}


/* main tpls */
div#mainBodyPanel {
    width:1200px;
    min-width:1200px;
    text-align:left;
    margin-left:10px;
    margin-right:10px;
    background-color: #FFF;
}

/* footer */
div.footerBar{
	height:36px;
	float:left;
	width:100%;
        background-color: #606062;
	text-align:right;
	color:#999999;
	line-height:30px;
}
div.footerBar span.copy{
    padding-right: 300px;
}


div.footerBar span.menus a{
    color: #999999;
    text-decoration: underline;
    margin-right: 25px;
}








/* main tpls */
div#mainTpl{
	width:1024px;
	min-width:980px;
	text-align:left;
	background: #FFF url("../_images/_new/leftBorder.jpg") repeat-y left top;/**/
}

div#mainTpl div.mainCont{
	background: url("../_images/_new/rightBorder.jpg") repeat-y right top;/**/
	width:100%;
	text-align:left;

}
/* top bar */
div#mainTpl div.topBar{
	height:10px;
/*	background: url("../_images/_new/topBar_bkg.jpg") repeat-x left top;*/
	float:left;
	width:100%;
	text-align:right;
}
div#mainTpl div.topBar img{
	margin-top:3px;
}
div#mainTpl div.topBarL{
	height:34px;
	width:31px;
	float:left;
	/*background: url("../_images/_new/topBarL.jpg") no-repeat left top;*/

}
div#mainTpl div.topBarR{
	height:34px;
	width:34px;
	_width:24px;
	float:right;
	/*background: url("../_images/_new/topBarR.jpg") no-repeat top left	;*/
}
/* header */
div#headerTpl{
	height:60px;
	margin-left:21px;
	margin-right:24px;
        padding-top:10px;
}
div#headerTpl a.logo{
	margin-left:10px;
	float:left;
	width: 202px;
}
/* login area */
div#headerTpl div.loginArea{
	float:right;
	margin-right:25px;
}
div#headerTpl div.loginArea form{
	margin:0px;
	padding:0px;
}

div#headerTpl div.loginArea div.loginInformation div.subscriptionInfo p{
	text-align: left;
	color:#000;
	font-size:11px;
	padding:0px;
	margin: 0px;
	margin-top: 7px;
}


/* left menu */
div.leftMenu{
        width:240px;
	margin-right:10px;
	padding-left:25px;
	margin-top:10px;
	float:left;
	height:100%;
        border-right:1px solid #DDDDDD;

}
div.leftMenu a{
	width:230px;
	display:block;
	text-decoration:none;
	color:#343434;
	height:24px;
	font-weight:bold;
	background: url("../_images/_new/left_menu_bkg.gif") repeat-x left top;
	padding-left:5px;
	line-height:20px;
	margin-right:5px;
}
div.leftMenu a.lastM{
	height:23px;
}
div.leftMenu a:hover{
	background: url("../_images/_new/left_menu_bkg_hover.gif") repeat-x left top;
}
div.leftMenu a.selected{
	background: url("../_images/_new/left_menu_bkg_hover.gif") repeat-x left top;
}
/* content area */
div#rightHalf,
div.contentArea{
	padding-right:30px;
	padding-left:277px;
	text-align:left;

}
div.contentArea h1{
	color:#00539b;
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
	padding-left:0px;
}
div.contentArea p{
	padding-left:0px;
}
div#contentFullPage{
	text-align:left;
	padding-left:35px;
	padding-right:30px;
        min-height:650px;
}
div#contentFullPage h2{
	color:#333333;
	font-size:18px;
	margin-top:40px;
}

/* my desk content */
div.deskCont{
	margin-left:26px;
	margin-right:29px;
}

/* classes */
.floatRight{
	float:right;
}
.minWidth{
	width:950px;
	height:1px;
	line-height:1px;
}
.login_input{
	border:1px solid #7f9db9;
	width:130px;
}
.inputtextfield{
	border:1px solid #7f9db9;
}

textarea{
	border:1px solid #7f9db9;
	font-size: 12pt;
}

.termsOfService {
	border:1px solid #7f9db9;
	font-size: 12px;
        color: #4d4d4d;
}

.clearLeft{
	clear:left;
}
.clearBoth{
	clear:both;
}
.signin{
	background: url("../_images/_new/loginButton.jpg") no-repeat left top;
	border:0px;
	width:79px;
	height:20px;
	text-align:center;
	color:#000;
	font-size:11px;
	margin:0px;
	padding:0px;
	line-height:12px;
}
.bluecolor{
	color:#00539b;
}
.errorMessage{
	color:#F00;
	font-size:11px;
}
.greyColor{
	color:#939393;
}

.need_help{
	background: url("../_images/_new/need_help.jpg") no-repeat left top;
	padding-left:45px;
	line-height:40px;
	font-size:12px;
	text-decoration:none;
	height:38px;
	display:block;
	margin-left:530px;
	color:#333333;
	margin-top:-50px;
}

div.contentAreaFiles{
	padding-top:10px;
	padding-left:20px;
	text-align:left;
        border-left:1px solid #DDDDDD;
	float:left;
        height:650px;
        width: 900px;
}
div.contentsFilesTop{
	height:30px;
	text-align:left;
}
div.contentsFiles{
	text-align:left;
	width:99%;
}
div.unitButtonsLeft{
	float:left;
	text-align:left;
	height:30px;
}
div.unitButtonsRight{
	float:right;
	text-align:right;
	height:30px;
}

/* END ORIGINALLY FROM STYLES.CSS --------------------------------------------------*/

/************************************************
*	Headerbar      								*
************************************************/
/* main tpls */
div#mainPublicTpl{
	width:1024px;
	min-width:900px;
	text-align:left;
	background: #FFF url("../_images/_new/leftBorder.jpg") repeat-y left top;/**/
}

div#mainPublicTpl div.mainCont{
	background: url("../_images/_new/rightBorder.jpg") repeat-y right top;/**/
	width:100%;
	text-align:left;

}

div.loginBox {
	background: url('../_images/_new/loginBox.jpg') no-repeat left top;
        width:230px;
        height:131px;
        padding-top: 10px;
        padding-left: 10px;


}


div.loginBox div.loginBoxRow {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;

}


input.loginBoxText {
    border: 1px solid #7f9db9;
    height: 20px;
    width: 120px;
}


div.headerSiteLinks {
    margin-bottom:5px;
    text-align:right;

}
div.headerSiteLinks a {
    margin-right:15px;
    color:#386CA5;
    font-size:12px;
    font-weight: bold;
    text-decoration:underline;
}


/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: #555555 url(../_images/navbar5.png);
	width: 1200px;
	height: 35px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color: #FFFFFF;
	font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left:0px;
	margin-right:0px;
	padding: 0px;
        float:left;

	}
#navbarthin {
	background: #555555 url(../_images/navbar5.png);
	width: 1200px;
	height: 10px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color: #FFFFFF;
	font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left:0px;
	margin-right:0px;
	padding: 0px;

}
#navbarleft {
	font-weight: bold;
        float: left;
	margin: 0px;
	padding: 0px;
	}

#navbarright {
	width: 280px;
	font-size: 11px;
	float: right;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	}

#dropline {padding:0 0 0 0; margin:0 0 0 0px; list-style:none; height:35px; background:url() repeat-x; position:relative; float:left;}
#dropline table {border-collapse:collapse: width:0; height:0; margin:-3px -10px;}

#dropline li {float:left;}
#dropline li a {display:block; height:35px; line-height:35px; padding:0px 15px 0px 15px; float:left; color:#fff; text-decoration:none; font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:13px; text-align:center;}
#dropline li a b {display:block; height:35px; float:left; padding:0 0 0 0px; cursor:pointer;}
#dropline li a:hover {background:#7f99cc no-repeat right top; line-height:35px; height:35px}
#dropline li a:hover b {background:#7f99cc no-repeat left top; line-height:35px;}

#dropline li:hover > a {background:#7f99cc no-repeat right top; line-height:35px; height:35px}
#dropline li:hover > a b {background:#7f99cc no-repeat left top; line-height:35px;}

#dropline ul {padding:0 0 0 5px; margin:0; list-style:none; position:absolute; height:20px; width:600px; background:#EEEEEE; left:-9999px; top:35px; z-index:50; border-bottom:0px solid #fff;}
#dropline ul li {height:20px; line-height:20px;}
#dropline ul.right li {float:right;}
#dropline ul li a {color:#000; padding:0 10px 0 10px; height:20px; line-height:20px; border-right:1px solid #e60; font-weight:bold; font-size:11px;}
#dropline ul li a:hover {height:20px; line-height:20px; background:transparent; color:#c60;}
#dropline ul.right li a {border-left:1px solid #e60; border-right:0;}
#dropline ul li a.last {border:0;}

#dropline ul.droplinecurrent {padding:35 35 35 35px; margin:0; list-style:none; position:absolute; height:20px; width:600px; background:; left:-9999px; top:35px; z-index:50; border-bottom:0px solid #fff;}
#dropline li {height:20px; line-height:20px;}
#dropline li.droplinecurrent ul li a {color:#000; padding:0 10px 0 10px; height:15px; line-height:15px; background:transparent;}
#dropline li.droplinecurrent  ul li.droplinecurrent a {color:#fff; padding:0 10px 0 10px; height:15px; line-height:15px; background:#eeeeee;}

#dropline :hover ul {left:0;}
#dropline li.current ul {left:0; z-index:1;}
#dropline li.current a {background:#7f99cc no-repeat right top; line-height:35px; height:35px}
#dropline li.current a b {background:#7f99cc no-repeat left top; line-height:35px;}
#dropline li.current ul li a {color:#000; padding:0 10px 0 10px; height:20px; line-height:20px; background:transparent;}
#dropline li.current ul li.current_sub a {color:#fff; padding:0 10px 0 10px; height:20px; line-height:20px; background:transparent;}
#dropline li.current ul li a:hover {color:#c60; padding:0 10px 0 10px; height:20px; line-height:20px; background:transparent;}

/************************************************
*	Messages      								*
************************************************/
div.errorMsg {
    height:30px;
    text-align:left;
    color:#FF0000;
}

div.loadingAnimation {
    background-image: url("../_images/waitanimation.gif");
    background-repeat: no-repeat;
    background-position: center center;
    width:30px;
    height:30px;
}

div.operationResultSuccess {
    border: 1px solid green;
    padding: 5px;
    margin-bottom: 10px;
    width: 100%;
    text-align:left;
}

div.operationResultError {
    border: 1px solid red;
    padding: 5px;
    margin-bottom: 10px;
    width: 100%;
    text-align:left;
    font-weight: bold;
}
div.operationResultError ul li {
    font-weight:normal;
}
div.operationRunning {
    border: 1px solid gray;
    padding: 5px;
    margin-bottom: 10px;
    width: 100%;
    text-align:left;
}


/************************************************
*	Button Bars      								*
************************************************/
div.buttonTopActionBar {
    height:30px;
    text-align:left;
    width:100%;
    vertical-align: middle;
}

div.buttonBottomActionBar {
    padding-top: 20px;
    padding-bottom: 10px;
    height:20px;
    text-align:left;
    width:100%;
}


/************************************************
*	SECURE PAGE      								*
************************************************/

div.pageContents {
    margin:auto;
    padding-top:10px;
    padding-left:20px;
    padding-right:20px;
    min-height:650px;
}

div.pageHeading {
    margin-bottom:15px;
    margin-top:5px;
    width:100%;
    color:#00539B;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size:16px;
    font-weight: bold;
}
div.pageSubHeading {
    border-bottom: 1px solid #BBBDBF; padding: 5px; margin-bottom: 10px; margin-top: 10px; font-size: 12px; color: #00539B;font-weight:600; /*background-color: #e1e1e6;*/
}


/************************************************
*	PUBLIC PAGE      								*
************************************************/
div.homePageContents{
    padding-right:30px;
    text-align:left;
    font-size:13px;
    padding-right: 100px;
    width:630px;
    float:right;
}
div.homePageContents h1{
	color:#00539b;
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
	padding-left:0px;
}
div.homePageContents p{
	padding-left:0px;
}
div.homePageErrorMsg {
	padding-left:35px;
        color: red;

}

div.homePageHeading {
    padding-bottom:20px;
    width:100%;
    color:#00539B;
    font-family:Verdana, Arial, Helvetica, Sans-serif;
    font-size:18px;
}


/************************************************
*	HTML CONTROLS      								*
************************************************/
select{
    border:1px solid #7f9db9;

}
a {

	color: #00539B;
	text-decoration:underline;
        font-size: 12px;
}
a:hover{
	color: #000;
}

a.actionLink {
        color: #00539B;
	text-decoration:underline;
        font-size: 12px;
        font-weight: bold;
}
a:hover.actionLink {
	color: #000;
	
}

/************************************************
*	SEARCH      								*
************************************************/
.searchNoResult {
    height:20px;
    padding-top:20px;
    width:100%;
    font-weight: bold;
}



/************************************************
*	FULL LIST OF PROGRAM UNITS      								*
************************************************/
span.green{
	color: #329555;
}

span.blue{
	color: #1874CD;
}

span.grey{
	color: #4A4344;
}

div.SmartSchoolsProgramKlaRow{
	padding-left: 0px;
	text-align: left;
	margin-left: 12px;
	margin-right: 20px;
}

div.KlaDesc{
	margin-bottom: 10px;
}

div.KlaDesc img{
	margin-right: 8px;
}

div.KlaDesc a{
	color: #1F497D;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

/* JQUERY */
.ui-tabs .ui-tabs-hide {
     display: none;
}

/* FORMS */

.formCellContainer {

}

.formCell1 {
    float:left;
    font-weight:normal;
    margin-left:0px;
    margin-top:2px;
    margin-bottom:2px;
    margin-right:0px;
    padding:4px;
    text-align:left;
    height: auto;
}

.formCell2 {
    float:left;
    line-height:20px;
    margin-left:0px;
    margin-top:2px;
    margin-bottom:2px;
    margin-right:0px;
    padding: 4px;
    height: auto;
}
.formCell3 {
    float:left;
    font-weight:normal;
    line-height:20px;
    margin-left:4px;
    margin-top:2px;
    margin-bottom:2px;
    margin-right:0px;
    padding: 4px;
    height: auto;
}
.formCell4 {
    float:left;
    line-height:20px;
    margin-left:4px;
    margin-top:2px;
    margin-bottom:2px;
    margin-right:0px;
    padding: 4px;
    height: auto;
}
.formCell5 {
    float:left;
    font-weight:normal;
    line-height:20px;
    margin-left:4px;
    margin-top:2px;
    margin-bottom:2px;
    margin-right:0px;
    padding: 4px;
    height: auto;
}
.formCell6 {
    float:left;
    line-height:20px;
    margin-left:4px;
    margin-top:2px;
    margin-bottom:2px;
    margin-right:0px;
    padding: 4px;
    height: auto;
}


/* TABLES */
/*
.tableHeaderRow {
   
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#B9C9FE none repeat scroll 0 0;
    border-bottom:1px solid #FFFFFF;
    border-top:4px solid #6195d3;
    color:#00539A;
    font-size:12px;
    font-weight:bold;
    padding:3px;
    height:25px;
    cursor: pointer;

}



.tableHeaderCol {
    float:left;
    padding:5px;
}
*/


.tableHeaderRow {
    padding:3px;
    height:25px;
    cursor: pointer;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-bottomright:0;
    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:0;
    background:transparent url(images/the_gradient.gif) repeat-x scroll 0 0;
    position:relative;
    border:1px solid #8AB0C6;
    font-weight:bold;
    display:block;
    border-color:#979797;
    border-width:0 0 1px;
 }

.tableHeaderCol {
    float:left;
    padding:5px;
    color:#000000;
    font-size:12px;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
 }




.tableCol {
    float:left;
    padding:5px;
}

.tableRow {
    width:100%;

}

.tableRow:hover {
    background-color:#B9C9FE;
    cursor: pointer;
}


.tableRowOdd {
    /*background-color: #EBECF0;
        border-bottom: 1px solid #FFFFFF;
*/
    background-color: #EBECF0;
}

.tablePagingRowTop {
    float:right;
    font-size: 14px;
}
.tablePagingRowTop a{ 
	font-size:14px;
        border: 1px solid #BBBDBF;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
        padding-right: 5px;
        color:black;
        display:inline-block;
	text-decoration:none;
}
.tablePagingRowTop a.selected{
	font-size:14px;
	color:#00539B;
	font-weight:bold;
	text-decoration:none;
}
.tablePagingRowBottom {
    margin-top: 10px;
    color: #727272;
    float:right;
    font-size: 11px;
    text-align: right;
}
.tablePagingRowBottom a{
	font-size:11px;
	color:#727272;
	text-decoration:none;
}
.tablePagingRowBottom a.selected{
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

/* TREE */
/* tree menu */

.dtree {
	font-size: 11px;
	color: #666;
	white-space: nowrap;
	padding-top: 20px;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}
div.leftMenuFiles{
	/*clear:left;*/
	margin-right:10px;
	float:left;
	width:200px;
}


div.edekitWidget {
background:#FFFFFF none repeat scroll 0 0;
overflow:hidden;
padding:0;
border:1px solid #DDDDDD;
color:#333333;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
font-family:Verdana,Arial,Helvetica,Sans-serif;
}


.edekitWidget-titlebar {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-bottomright:0;
    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:0;
    background:transparent url(images/the_gradient.gif) repeat-x scroll 0 0;
    padding:0.5em 1em 0.3em;
    position:relative;
    border:1px solid #8AB0C6;
    color:#FFFFFF;
    font-weight:bold;
    display:block;
    border-color:#979797;
    border-width:0 0 1px;
 }

.edekitWidget-titlebar span  {
    color:#000000;
    font-size:14px;
    margin:0.1em 16px 0.2em 0;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
 }