/*-- GENERAL --*/
html{
	height:100%;
}
body{
	margin: 0px;
	height: 100%;
	font-family: Arial,Verdana,Helvetica;
	font-size: 9pt;
    background-color: #FFF;
	color: #444;
}
form{
	margin: 0px;
}
.clear{
	clear: both;
}
.cursor,
.hand{
	cursor: hand;
	cursor: pointer;
}

/*-- MISC --*/
.text-wh{
	color: #FFFFFF;
}
ul{ 
 	list-style: none; 
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
li, td, span, div{
	font-family: Arial,Verdana,Helvetica;
	font-size: 9pt;
}
.required{
	font-family: Arial, Helvetica, Verdana;
	font-size: 8pt ! important;
	color: red;
}
.clock{
	font-size: 8pt;
	margin: 0px;
	white-space: nowrap;
	font-weight: bold;
	color: #777777;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
.caption{
    font-size: 8pt;
    color: #999;
}

/*-- CRUD FORM FIELDS --*/
td.left{
    white-space: nowrap;
}
td.right{
    width: 580px;
}
.formField,
.cmsFormField{
	background: #F6F6F6;
	border: 1px solid #888;
	color: #000;
	font-family: Arial, Verdana, Helvetica;
	font-size: 10pt;
	padding: 2px;
    width: 99% ! important;
}
.cmsFormButton{
	font-size: 8pt;
    cursor: hand;
    cursor: pointer;
}
textarea,
.cmsCrud textarea{
	background: #F6F6F6;
	padding: 5px;
	border: 1px solid #888888;
	font-family: Arial, Verdana, Helvetica ! important;
	font-size: 10pt ! important;    
    width: 97% ! important;
    height: 200px;
}
.cmsFk{
    overflow: auto;
}
#cmsFkAddPopup{
    display: none;
}
.cmsFkList{
    min-width: 400px;
}
.cmsFkList:first-child{
   border-top: 1px dotted #000; 
}
.cmsFkList .odd{
    background: #EEE;
    cursor: hand;
    cursor: pointer;
    border-bottom: 1px dotted #000; 
}
.cmsFkList .even{
    background: #DDD;
    cursor: hand;
    cursor: pointer;
    border-bottom: 1px dotted #000; 
}
.cmsFkList .left{
    float: left;
    background: transparent;
    width: 85%;
}
.cmsFkList .right{
    text-align: right;
    float: right;
    background: transparent;
    width: 15%;
}
.cmsFkList .left .pad,
.cmsFkList .right .pad{
    padding: 10px;
}
.cmsFkAdd{
    background: #EEE;
    border: 1px solid #BBB;
    margin-bottom: 10px;
    padding: 5px;
}
.cmsFkAdd a,
.cmsFkAdd a:link,
.cmsFkAdd a:visited{
    text-decoration: none;
}
.cmsFkAdd a:active,
.cmsFkAdd a:hover{
    text-decoration: none;
}
.cmsFkItem{
    float: left;
    width: 180px;
    margin-bottom: 5px;
}
.cmsFkItem input[type="checkbox"]{
    float: left;
    margin: 0px 5px 0px 0px;
    cursor: hand;
    cursor: pointer;
}
.cmsFkItem label{
    width: 155px;
    float: left;
    cursor: hand;
    cursor: pointer;
}

/*-- ALERTS --*/
div.success,
div.alert{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #4197d7;
	padding: 1px;
	text-align: center;
	color: #FFF;
	margin-top:1px;
	margin-left:0px;
	margin-right:0px;
}
div.warning,
div.error{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FF0000;
	padding: 1px;
	text-align: center;
	color: #FFF;
	margin-top:1px;
	margin-left:0px;
	margin-right:0px;
}
div.alert p, div.warning p, div.error p{
	margin-top:.25em;
	margin-bottom: .25em;
}

/*-- FILES --*/
#files{
	width: 555px;
}
#files div.scroll{
	height: 300px;
	border: 1px solid #475D75;
	overflow-y: scroll;
}
#files h1{
	margin: 0px;
	padding: 0px;
	background-color: #475D75;
	padding: 2px 5px 2px 5px;
	text-align: center;
	color: #FFFFFF;
}

/*-- STEPS --*/
#steps{
	width: 755px;
	height: 100%;
}
#steps div.left{
	float: left;
	padding: 0px;
	margin: 0px;
	width: 560px;
	height: 100%;
}
#steps div.right{
	float: right;
	border: 1px solid #475D75;
	color: #000000;
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
	background-color: #F6F6F6;
	width: 185px;
	height: 100%;
	font-size: 8pt;
}
#steps div.right h1{
	margin: 0px;
	background-color: #C1CBD9;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999999;
	padding: 2px 5px 2px 5px;
	text-align: center;
	color: #000000;
}
#steps div.right div.category{
	padding: 0px 0px 10px 0px;
}
#steps div.right div.category ol{
	margin-top: 10px;
	margin-bottom: 0px;
}
#steps div.right h2{
	margin: 0px 0px 10px 0px;
	background-color: #E2E3E2;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999999;
	padding: 2px 5px 2px 5px;
	text-align: center;
	color: #000000;
}
#steps div.right div{
	padding: 10px;
	font-size: 8pt;
}
#steps div.right ol,
#steps div.right ul{
	padding-left: 20px;
}
#steps div.right ol li,
#steps div.right ul li{
	font-size: 8pt;
}
#steps div.right div a:link,
#steps div.right div a:visited{
	color: #343466;
}
#steps div.right div a:active,
#steps div.right div a:hover{
	color: #2B65B0;
}

/*-- HEADINGS --*/
h1{
	font-size: 9pt;
	margin: 0px 0px 5px 0px;
	white-space: nowrap;
	font-weight: bold;
	color: #152638;
}
h2{
	font-size: 9pt;
	margin: 0px;
	white-space: nowrap;
	font-weight: bold;
	color: #343466;
	padding:0px;
}
h3{
	font-size: 9pt;
	margin: 0px;
	white-space: nowrap;
	font-weight: bold;
	color: #333333;
	padding:0px;
}
h4{
	font-size: 9pt;
	margin: 0px;
	white-space: nowrap;
	font-weight: bold;
	color: #475D75;
	padding:0px;
}
h5{
	font-size: 11pt;
	margin: 0px;
	white-space: nowrap;
	font-weight: bold;
	color: #475D75;
	padding:0px;
	padding-bottom:6px;
}

/*-- GENERAL LINKS --*/
a:link,
a:visited{
	color: #152638;
	font-weight: normal;
	text-decoration: underline;
}
a:active,
a:hover{
	color: #2B65B0;
	font-weight: normal;
	text-decoration: underline;
}

/*-- WHITE LINKS --*/
a.nav-wh:link,
a.nav-wh:visited{
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
a.nav-wh:active,
a.nav-wh:hover{
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}

/*-- FORM STUFF --*/
select{
	font-family: Arial, Verdana, Helvetica;
	font-size: 8pt;
}
.formAttr{
	white-space: nowrap;
}
div.formTop{
    padding-bottom: 17px;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 15px;
}
div.formMain{
    width: 500px;
}
div.formBottom{
    padding-top: 17px;
    border-top: 1px dotted #CCC;
    margin-top: 15px;    
}
.formButton{
	cursor: hand;
	cursor: pointer;	
}
.footer{
	color:#666666;
	font-size : 8pt ! important;
}
.status{
	font-family: Arial, Helvetica, Verdana;
	font-size: 9pt ! important;
	color: red;
	font-weight: normal;
}
.adminStatus{
	font-family: Arial, Helvetica, Verdana;
	font-size: 9pt ! important;
	color: red;
	font-weight: normal;
}

/*-- SUCCESS & ERRORS --*/
ol.success{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ol.success li{
	padding: 2px;
	background-color: lightblue;
	color: #152638;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}
ol.error{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ol.error li{
	padding: 2px;
	background-color: red;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}

/*-- LEFTNAV --*/
#leftNav{
	padding: 0px;
	background: #DEEAF6;
	/* #F5FBFC */
	border: 0px solid red;
}
#leftNav h1{
	margin: 7px 0px 7px 0px;
	cursor: hand;
	cursor: pointer;
}
#leftNav ul,
#leftNav ol{
	margin: 0px 0px 7px 30px;
	padding: 0px;
	list-style: none ! important;
}
#leftNav ul li{
	list-style: none ! important;
	padding-bottom: 5px;
	white-space: nowrap;
}

/*-- LEFTNAVOFF LINKS --*/
a.leftNavOff:link,
a.leftNavOff:visited{
	color: #3D5B7D;
	font-weight: normal;
	text-decoration: none;
}
a.leftNavOff:active,
a.leftNavOff:hover{
	color: #3D5B7D;
	font-weight: normal;
	text-decoration: none;
}

/*-- LEFTNAVON LINKS --*/
a.leftNavOn:link,
a.leftNavOn:visited{
	color: #3D5B7D;
	font-weight: normal;
	text-decoration: underline;
}
a.leftNavOn:active,
a.leftNavOn:hover{
	color: #3D5B7D;
	font-weight: normal;
	text-decoration: underline;
}