/* General */

a.openversion-feature-voted
{
	color:blue;
}


.sitename

{

	font-family: georgia;

	font-size: 25px;

	color:#73786B;

}



.buttonheading

{

	border-bottom : 2px solid #FF9338;	

	background : #ffffff;

}

.sectiontableheader

{

	background: #ABB19D;

	font-weight : bold;

	padding: 3px;

}

.highlight

{

	background : #B3B9A6;

}





.tblpathway

{

	margin-left:5px;

	margin-right:5px;

	margin-bottom:5px;

	padding-left : 5px;

	padding-bottom : 2px;

	border : 1px solid #73786B;

	background: #D9DBD2;



  font-family      : Tahoma;

  font-size:0.9rem;

  color            : #000000;	

}



.tblbody

{

	padding: 5px;

	margin-left:5px;

	margin-right:5px;

	border : 1px solid #73786B;

	background: #D9DBD2;	

	height: 100%;

}



.tblheader

{

	border-bottom: 1px solid #73786B;

	margin-bottom: 3px;

	padding-top:10px;

	padding-bottom:5px;

}

.tblmain

{

	

	width: 97%;

	margin-left:5px;

	margin-top:0px;

	margin-right: 5px;



}





table.moduletable

{

	width: 178px;

	margin-bottom: 5px;

	padding-bottom:3px;

	border: 1px solid #73786B;

	background: #B7CBD5;

}



table.moduletable th

{

	background-image : url("../images/module_head.gif");

	background-repeat : no-repeat;

	background-position: left bottom;

	border-bottom: 1px solid #000000;

	color : #ffffff;

	height: 22px;

	padding-top: 3px;

	vertical-align: middle;

	text-align: left;

	padding-left: 15px;

}



table.moduletable td

{

	padding-top: 2px;

	padding-left : 3px;	

  font-family      : Tahoma;

  font-size:0.9rem;

  color            : #000000;

}





table.contentpaneopen td

{

	text-align:justify;

}



.button

{

	border-left : 1px solid #C8D5C4;

	border-top :  1px solid #C7D5C4;

	border-right : 1px solid #899686;

	border-bottom :1px solid #8F9E8C;

	background: #B1B7A6;

}



a.mainlevel:link , a.mainlevel:visited

{

	color : #000000;

}



a.mainlevel:hover

{

	text-decoration: none;

}



a.sublevel:link, a.sublevel:visited {



	color: #000000;

	text-align: left;

	text-decoration:underline;

}



a.sublevel:hover {

	text-decoration: none;

}



a:link, a:visited {



	color: #000000;

}



a:hover {

	text-decoration: none;

}



.contentheading {

	height: 20px;

	color: #666666;

	text-align: left;

	font-weight: bold;

	font-size:0.9rem;

	vertical-align : bottom;

}



.componentheading

{

	color: #5D655B;

	border-bottom: 1px solid #000000;

	font-weight:bold;

}



.contentdescription

{

	padding-top: 5px;

}



.createdate, .small

{

color: #999999;

}



.inputbox

{

	border : 1px solid #B5BBB6;

	font-family: verdana;

	font-size:0.9rem;

}





table.contenttoc {

	margin:2px;

}



table.contenttoc th {

	background: #A9B09E;

	border-bottom : 2px solid #FF9338;

	color: #555555;

	text-align: left;

	padding-top: 4px;

	padding-left : 3px;

	height: 23px;

	font-weight: bold;

	font-size:0.9rem;

}



table.contenttoc td

{

	background : #eeeeee;

	line-height:12px;

	padding:2px;

}



table.contenttoc a:link , table.contenttoc a:visited

{

	font-size:0.9rem;

	color: #555555;

	text-decoration : none;

}



table.contenttoc a:hover

{

	color : #000000;

	text-decoration : none;

}



ul

{

	margin: 0;

	padding: 0;

	list-style: none;

}



li

{

	line-height: 15px;

	padding-left: 15px;

	padding-top: 0px;

	background-image: url(../images/arrow.png) ;

	background-repeat: no-repeat;

	background-position: 0px 3px;

}







table.code {

	border-left : 1px solid #C8D5C4;

	border-top :  1px solid #C7D5C4;

	border-right : 1px solid #899686;

	border-bottom :1px solid #8F9E8C; 

	background: #eeeeee;



	cellpadding: 10;

	cellspacing: 0;

	width: 90%;

	font-size: 12px;

	color: black;

	font-family: "Courier New", "Lucida Console";

	align: center;

}



table.code td{

	background:  #eeeeee;

	font-family: "Courier New", "Lucida Console";

}



#delicio {

	float: right;

	margin: 2px;

	padding: 2px;

}





.forum_title {

		font-size: 15px;

}

.forum_new {

		font: superscript;

		vertical-align:super;

		font-size: 8px;

		font-weight:bolder;

		color:#CC0033;

}

.forum {

  margin: 0 10%; background: #B7CBD5;

  padding:10px;

  	float:right;

	border: 1px solid #73786B;

	

	font-size:0.9rem;

	color: black;

	font-family : 'Century Gothic', 'Trebuchet MS', Arial, sans-serif; 

}







h1, h2, h3, h4, h5, h6 { 

    font-family: Georgia; 

    font-weight: normal;

    color: black;

}



h1 {

    margin-top: 1em;

    padding-bottom: 10px;

    border-bottom: 1px solid #777;

}











body {

    font-size: 1em; 

    font-family: Verdana; 

    color: #222; 

    margin: 0;

	background: #D9E2D7;

}





/*-------------*/

.item{

	border-top: 1px solid #CCC;	

	min-height: 80px;

}



.prop {

	height:50px;

    float:right;

    width:1px;

}



.clear {

    clear:both;

    height:1px;

    overflow:hidden;

}





.description{

	margin: 10px;

}



.image {

	float:left;

	margin: 10px;

	background-color: #CCC;

	font-family: Verdana;

	font-size:0.8rem;

	

}



.image-example{

	float:right;

	margin: 10px;

	background-color: #CCC;

	font-family: Verdana;

	font-size:0.8rem;

	width: 120px;

	text-align: center;

}





.box {

	border: 1px solid #CCC;

	background-color: #EEEEEE;

	padding:0px;

}



.label {

	font-family: Verdana;

	color: darkblue;

	font-size:0.8rem;

	padding:0px;

}

.value {

	font-family: Verdana;

	color: darkblue;

	font-size:0.9rem;

	padding:0px;

}





.intent {

	

	font-weight: bold;

}



.logo{

	color: white;

	position: relative;

	left: 30px;

	top: 30px;

}



.header{

	background-color: #4863A0;

	height: 100px;

}



.footer{

	background-color: #4863A0;

}



.menutitle{

	font-family: Verdana;

	font-size:15px;

	margin-top: 20px;

	margin-bottom: 5px;

}



h5{

	border-top: 1px solid lightblue;	

}



.title{

	font-size: 20px;	

	font-family: Arial;

	padding-left: 50px;

	background-color: lightgrey;

}



.number{

	background-color: lightyellow;

	border-top: 1px solid lightblue;	

}





/*expand-colapse*/



.head-a{

color: #000;

text-decoration: underline;

background-color: #B7CBD5;

}

.head-b{

color: #000;

text-decoration: underline;

background-color: #B7CBD5;

}



.body-a{

padding: 5px 10px 15px;

background-color:#F4F4F8;

background-color: #B7CBD5;

}

.body-b{

padding: 5px 10px 15px;

background-color:#F4F4F8;

background-color: #B7CBD5;

}

/* MEDIA QUERIES*/
@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
	table.code td {max-width: 680px; overflow: auto;}
	#sidebar-left{display:none;}
}

@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
	table.code td {max-width: 470px; overflow: auto;}
	#sidebar-left{display:none;}
}

@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
	table.code td {max-width: 250px; overflow: auto;}
	#sidebar-left{display:none;}
}

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	table.code td {max-width: 200px; overflow: auto;}
	#sidebar-left{display:none;}
} 

img{
    max-width: 100%;
    height: auto;
}