.tm{
	color: #009900;
}



.lnk{
    font-size: 11px;
}
.infoBox{
	background-color: #cce9ea;
	border: 1px solid #000099;
    margin-top: 10px;
    margin-bottom: 10px;
   /* background-image: url('../images/blips/info-small.png');
    background-repeat: no-repeat;
    background-position: 3px 3px; */
}
.infoBox p{
	padding: 5px;
	margin: 5px;
}

.messageBox{
	background-color: #ffed70;
	border: 1px solid blue;
}
.messageBox p{
	padding: 5px;
	margin: 5px;
}
label.hover{
	border: 1px solid #ffffff;
}
label.hover:hover{
	border-color: #cccccc;
}

/****************************************************************************************/
/** Body and Container **/
/****************************************************************************************/
body{
	margin: 0px auto;
	/* background-image: url("../images/back.png");
	background-repeat: repeat-x; */
	background-color: #000099;
    height: 100%; 
}

#page-container{
	margin: 0px 20px 0px 20px;
   /* border: 0px solid white;*/
   background-color: white;
   padding-left: 50px;
   padding-right: 50px;
   min-height: 700px;
   height: 100%; 
   font-family: sans-serif;
   border-left: 4px dotted #cccccc;
   border-right: 4px dotted #cccccc;
   border-bottom: 4px dotted #cccccc;
}


/****************************************************************************************/
/** Page Top **/
/****************************************************************************************/
#page-top{
	 height: 140px;
	/* background-color: #ffffff; */
	/* border: 1px solid #efefef; */
	/*background-color: #efefef;
	background-color: #efefef; */
	padding: 5px;
}
#page-top img{
	border: none;

}

#page-top h1{
	padding: 0px 0px 0px 20px;
	font-size: 12pt;
	color: #898a8e;
	border-bottom: 1px solid #b0b465;
}

#page-top p{
	margin: 1px 20px 1px 0px;
	font-size: 10pt;
}
/*
#logo{
	position: absolute;
	top: 10px;
	left: 30px;
}
*/

/************************************************/
/* Page Content */
/************************************************/
#page-content{
	margin: 30px 50px 0px 30px;
	min-height: 500px;

}

/*
#start-color{
	color: #82b6b3;

}
#end-color{
	color: #138d33;
}
*/

/* jQuery('#accordion').activate("a:first"); */

/********************************************************************/
/** Navigation ***/
/********************************************************************/
#navcontainer{
	background-color: #ffffff;
	border: none;
	height: 30px;
	clear: both;
    margin-top: 10px;
}

ul.navlist {
    list-style-type: none;
}

ul.navlist a{
    font-family: sans-serif;
    font-size: 9pt;
	text-decoration: none;
    list-style-type: none;
}

ul.navlist, ul.navlist ul, ul.navlist li {
	margin: 1px;
	padding: 0px;
	list-style-type: none;
}

ul.navlist li {
	float: left;
    list-style-type: none;
}

ul.navlist li a
{
	color: #444444;
	padding: 2px 10px;
}


ul.navlist li a.selected
{
	color: #444444;
	background-color: #ffffff;
	padding: 2px 10px;
	border-bottom: 1px solid #d8d6da;
}


ul.navlist li a:hover
{
	color: #000000;
	background-color: #bcbcbe;

}
/***** Sub Nav ***********/
ul.subnavlist {
	display: none;
}
ul.subnavlist li {
	float: none;
	margin: 0px;
 }

ul.subnavlist li a
{
	padding: 0px 0px 0px 30px;
	margin: 0px;
	border: 1px solid #bcbcbe;
}

ul.navlist li:hover ul.subnavlist
{
	display: block;
	position: absolute;
	padding-top: 2px;
}

ul.navlist li:hover ul.subnavlist li a
{
	display: block;
	width: 15em;
	padding: 2px;
}

/*
ul.navlist li:hover ul.subnavlist li a:before { content: " >> "; }
*/
/************************************************/
/* Test Box */
/************************************************/
div.test-box{
    /* background-color: #efefef; */
    padding: 0px;
    clear: left;
}

div.test-box img{
    width: 300px;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 8px;
}

div.test-box h4{
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    padding-left: 320px;
    background-color: #efefef;
    padding-top: 3px;
    padding-bottom: 3px;
}

div.test-box ul,  div.test-box p{
    padding-left: 340px;
}

/************************************************/
/* Figure Box */
/************************************************/
div.figure{
    padding: 5px;
    margin: 20px 0px 0px 0px;
    /* border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    */
}
div.figure h6{
    margin: 0px;
    padding: 4px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    text-align: center;
    font-style: italic;
}
div.figure img{
    text-align: center;
    border: none;
    display: block;
}

div.figure p{
    text-align: center;
    border: none;
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

/************************************************/
/* right - Box */
/************************************************/
#right-box{
	float: right;
	width: 300px;
	margin: 20px 0px 0px 30px;
	min-height: 500px;
	padding: 0px;
}

.right-panel{
	border-left: 1px solid #dddddd;
	margin-bottom: 20px;
	/* background-color: #eeeef0; */
}

.right-panel .new{
	margin: 5px;
	padding: 3px;
	/* background-color: yellow;
	color: red; */
	float: right;
	/* width: 30px;
	font-size: 8pt;
	text-align: center;*/

}
.right-panel p{
    margin-top: 5px;
    margin-bottom: 5px;
}

#right-box h3{
	margin: 0px;
	padding: 5px 5px;
	border-bottom: 1px solid #4A68FD;
	border-top: 1px solid #4A68FD;
	border-right: 1px solid #dddddd;
	 background-color: #EBEBEB;
	color: #222222;

	font-size: 8pt;

}

#right-box p{
	padding: 2px 10px 2px 10px;
	font-size: 10pt;
}
#right-box table{
	font-size: 10pt;
}

#right-box ul{
    margin-left: 20px;
    padding-top: 5px;

}
#right-box li{
	font-size: 10pt;
    padding-top: 5px;
}
#right-box ul.bullet{
    list-style-type: square;
}

/** Thumbs nails images in <ul> **/
#right-box ul.thumbs{
	/* background-color: red;	*/
	list-style-type: none;

}
#right-box ul.thumbs li{
	/* background-color: green;	*/
}

#right-box ul.thumbs li img{
	border: none;
}
#right-box ul.thumbs li a{
	text-decoration: none;
	color: black;
	display: block;
	border: 1px solid white;
	padding: 2px 0px 2px 5px;

}
#right-box ul.thumbs li a:hover{
	text-decoration: none;
	color: black;
	background-color: #eeeeee;
	border: 1px solid #aaaaaa;

}


/***************************************************************************************************/
/* Left Block */
/***************************************************************************************************/
#left-block{
	margin-right: 340px;
}

#left-block h1, .ext-box h1{
	font-size: 14pt;
	border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
}
#left-block  h2{
    border-bottom: 1px dashed #cccccc;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0px;
    font-size: 12pt;
}

#left-block  h3{
	border-bottom: 1px solid #eeeeee;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0px;
    font-size: 12pt;
}

#left-block h5{
	margin: 0px;
	padding: 0px;
}

#left-block  p, .ext-box p{
	line-height: 125%;
	font-size: 10pt;
    padding-top: 5px;
    padding-bottom: 5px;
}

#left-block  li{
	line-height: 125%;
	font-size: 10pt;
    padding-top: 5px;
    padding-bottom: 2px;
    list-style-type: circle;
    margin-left: 30px;
}

#left-block fieldset{
	padding: 10px 20px 10px 20px;
}

#left-block fieldset legend{
	font-size: 12pt;
	font-weight: bold;
}


#account-block{
    /* TO DO */

}

/*****************************************************************************/
/*  Listtable */
/*****************************************************************************/
/*
ul.summary-list{
	background-color: #efefef;
	list-style-type: circle;
}
ul.summary-list li a{
	font-size: 8pt;
}

ul.summary-list li a:hover{
	background-color: #f2ff64;
}

*/
/*****************************************************************************/
/*  Index table */
/*****************************************************************************/
table.index{
	font-family: sans-serif;
	font-size: 10pt;
}
table.index td{
	border-bottom: 1px dotted #cccccc;
	vertical-align: top;
	padding: 3px;
}
table.index td.hover, table.index tr.hover
{
	background-color: #d8d6da;
}
/*****************************************************************************/
/*  List table */
/*****************************************************************************/

table.listtable{
	font-family: sans-serif;
	font-size: 8pt;
}

table.listtable th{
	background-color: #cccccc;
	border: 1px solid #dddddd;
	color: black;
    padding: 3px;
}


table.listtable td{
	border-bottom: 1px dotted #cccccc;
	vertical-align: top;
	padding: 4px;
}

table.listtable .header{
	background-color: #eeeeee;
	font-size: 8pt;
	border-bottom: 1px solid #333333;

}

table.listtable .top{
	font-size: 8pt;
	float: right;
}
table.listtable .top a{
	color: #333333;
	text-decoration: none;
}
table.listtable .top a:hover{
	color: black;
	text-decoration: underline;
}

table.listtable td.hover, table.listtable tr.hover
{
	background-color: #d8d6da;
}
/************************************************/
/* Page Footer */
/************************************************/
#page-footer{
	clear: both;
	border-top: 1px dotted #bcbcbe;
    margin-top: 20px;
	margin-bottom: 20px;
}
#page-footer p{
	font-size: 8pt;
	text-align: center;
    padding-top: 5px;

}

/************************************************/
/* FORM */
/************************************************/
.farm table{
	font-size: 10pt;
}
.farm table tr{
	border-bottom: 1px solid #d8d6da;
}
.farm table td{
  vertical-align: top;
  padding: 5px;

}
.farm label.lbl{
    display: block;
    text-align: right;
    margin-right: 5px;
}
.farm label.error{
    color: green;
}
.farm table p{
	margin: 0px 0px 10px 0px;
	padding: 0px;

}


.farm .txt {
	/* border: 1px dotted black; */
}
.farm .txt:focus {
	/* border: 1px solid black; */
	background-color: #efefef;

}


/************************************************/
/* Backend */
/************************************************/
.content2 p {
    margin-top: 10px;
}

.content2 h1{
    padding: 5px;
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    margin-top: 5px;
    margin-bottom: 5px;
}

.content2 fieldset{
    margin: 10px;
    padding: 5px;
}

.content2 fieldset legend{
    padding: 5px;
    font-size: 10pt;
}

.content2 ul{
    font-size: 10pt;
    margin-left: 25px;
    list-style-type: disc;
}
.content2 li {
    margin-top: 3px;
    font-size: 10pt;
}
.content2 li a{
    text-decoration: none;
    color: #000044;
}
.content2 li a:hover{
    text-decoration: underline;
    color: #0000ff;
    background-color: #eeeeee;
}