/********************************************
   	AUTHOR:  			Clayton Curmi 
   	WEBSITE:   			http://www.fse-support.eu
	TEMPLATE NAME:		Default
   	VERSION:          	1.0
	LAST MODIFIED     	Dec-20-2007 	
 *******************************************/
 
/* Standard Elements Style */
*
{
	margin: 0;
	outline: 0;
	padding: 0;	
}

/* Links Style */
a, a:visited 
{	
	background: inherit;
	color: #303030;
	text-decoration: underline;	
}
a:hover 
{
	color: #656565;
	background: inherit;
	text-decoration: underline;
}

b, strong {	font-weight: bold; }

body
{
	background-color: #fff;
	color: #040404;
	font-family: Verdana;
	font-size: 9pt;
	font-style: normal;
	font-weight: 200;
}
p 
{ 
	text-align: justify; 
}	
span 
{ 
	margin-right: 5px; 
}

/* Lists Style */
ul.horz, ul.vert
{
	list-style-type: none;	
}
ul.horz li
{
	display: inline;
}
ul.vert li
{
	display: block;
}

/* Headers Style */
h1, h2, h3
{
	font-family: Trebuchet MS, Tahoma, Sans-serif;
}
h1 
{
	font-size: 14pt;	
	font-weight: normal;
	color: #ec930d;
}
h2 
{
	font-size: 12pt;
	color: #666666; 
}
h3 
{
	font-size: 10pt;
	color: #c9dcdf;	
}

/* Table Elements Style */
table 
{
	/*border-collapse: collapse;
	border-bottom: solid 2px #8f9ea0;
	margin: 10px;*/
}
th strong 
{
	color: #fff;
}
th 
{
	border-left: solid 1px #c9dcdf;
	border-bottom: solid 2px #8f9ea0;
	background-color: #3e575b;
	color: #fff;
	font-weight: bold;
	height: 30px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
tr 
{
	height: 25px;
}
td 
{
	/*padding-left: 10px;
	padding-right: 10px;
	border-left: solid 1px #c9dcdf;
	border-bottom: solid 1px #c9dcdf;*/
}
td.first, th.first 
{
	border-left: 0;
}
td.introblack
{
	background-color:#C52D28;
	color:#FFFFFF;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: center;
	padding-top:10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:10px;	
}
td.introgray-a
{
	background-color:#FFFFFF;
	color:#000000;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: justify;
	padding-top:10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:10px;
	BORDER-BOTTOM: #6B1431 1px solid;
}
td.introgray-b
{
	background-color:#FFFFFF;
	color:#000000;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: justify;
	padding-top:10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:10px;
}
tr.row-a
{
	background: #f9f9f9;
}
tr.row-b 
{
	background: #efefef;
}

/* Default Classes & IDs */
#container
{
	background-color: #c9dcdf;	
	border: solid 1px #888888;
	width: 820px;
	margin: 0px auto;
	padding: 1px;
}
#contentwrap
{
	background-color: #E4E4FF;
	clear: both;
	margin-top: 1px;
}
#header
{
	background-color: #fff;
}
#logo
{	
	float: left;	
	padding: 0px 0px 0px 0px;
	width: auto;
}
#logo h1
{
	color: #ec930d;
	font-family: Cube;
	font-weight: normal;
}
#details
{
	color: #76923D;
	float: right;
	text-align: right;
	padding: 15px 10px;
}
#details a, #details a:visited 
{	
	color: #C52D28;	
}
#details a:hover 
{
	color: #000;
}

/* Login Style */
#loginwrap
{
	border: solid 1px #8f9ea0;
	clear: both;
	margin: 50px auto;
	padding: 1px;
	width: 275px;
}
#login
{
	background-color: #8f9ea0;
	color: #fff;	
}
#login h3
{	
	color: #fff;
}
#login input.textbox, #login label
{
	display: block;
}
#login input.button, #login input.textbox
{
	float: right;
}
#login input.button
{
	padding: 1px;
}
#login label
{
	float: left;
}
#login .title
{
	border-bottom: solid 1px #fff;	
	padding: 5px; 
}

/* Side Navigation Style */
#sidenav
{
	background-color: #8f9ea0;
	float: left;
	width: 200px;
}
#sidenav a, #sidenav a:visited 
{
	color: #000;
	text-decoration: none;	
}
#sidenav a:hover 
{
	text-decoration: none;	
}
#sidenav .title
{	
	background-color: #3D00D0;
	border-bottom: solid 1px #c9dcdf;
	display: block;	
	padding: 10px 5px 7px 5px;
	width: 190px;
}
#sidenav .title h3
{
	color: #FFF;
}
#sidenav .title a, #sidenav .title a:visited
{
	color: #c9dcdf;
}
#sidenav .title a:hover
{
	color: #e7f0f1;
	text-decoration: none;
}
#sidenav ul.vert li
{
	background-color: #9A99FF;
	border-top: solid 1px #c9dcdf;
	padding: 2px 0 2px 15px;
}
#sidenav ul.vert li.first
{
	border-top: none;
}
#sidenav ul.vert li.submenu
{
	background-color: #CCCCFF;
	color: #fafafa;
	padding-left: 25px;
}
#sidenav ul.vert li.submenu a, #sidenav ul.vert li.submenu a:visited
{
	color: #fafafa;
}

/* Search Form Style */
.styledform
{
	border: none;
	background-color: #8f9ea0;
	background-image: url(../images/web/search_bg.png);
	background-repeat: repeat-y;
	padding: 5px;
	margin-bottom: 1px;
}
.styledform input
{
	background-color: #f5f5f5;
	border: solid 1px #3e575b;
}
.styledform input:hover, .styledform input:visited
{
	background-color: #fff;
}
.styledform input.button
{
	margin-top: 5px;
	padding: 1px;
}
.styledform input.textbox 
{ 	
	padding: 1px;
	width: 143px;
}
.styledform label
{
	color: #FFF;
	font-weight: bold; 
	margin-right: 5px;
	width: 75px;
}
.styledform br
{
	float: right;
}

#main
{
	float: right;
	padding: 0 10px 10px 10px;
	margin: 0;
	width: 600px;
}
#main h2
{
	margin-bottom: 10px;
}
#path
{
	margin: 0;
	padding-top: 16px;
	padding-bottom: 7px;
}
#path ul.horz li.root
{
	font-weight: bold;
}
.pages ul.horz li
{
	border: solid 1px #888888;
	margin: 5px 0px;
	padding: 1px 5px;
}
.pages ul.horz li.first
{
	border: none;s
}
.docs
{
	border-top: solid 1px #888888;
	margin-top: 3px; 
	padding: 10px;
	padding-bottom: 0;
}
.docs ul.vert li
{
	border-bottom: dotted 1px #888888;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
.desc
{
	background-color: #e7f0f1;
	border: solid 1px #888888; /* #3e575b */
	margin-bottom: 10px;
	padding: 5px;
}
.desc h3
{	
	color: #3e575b;
	display: inline-block;
	padding: 3px 0;
}
.desc p
{
	/* padding-top: 10px; */
}
#footer
{
	font-size: 7pt;
	text-align: center;	
}

.align-left { text-align: left; }
.align-right { text-align: right; }
.clearer { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.icon { margin-right: 3px; }
.spacer { display: block; height: 10px; }
