/*-----------------------------------------------
    Global Elements
-----------------------------------------------*/
* {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
    background-color: #6B95FF;
    background: url("images/background.gif");
    font-family: Arial, Verdana, sans-serif;
    font-size: .75em;           
}
a { 
    color: #000080; 
}
a:link { 
    text-decoration: underline; 
    }
a:visited { 
    text-decoration: underline; 
    color: #000080; 
}
a:hover { 
    text-decoration: none; 
    color: #0000FF; 
    }
a:active { 
    text-decoration: none; 
    color: #0000FF; 
}
h1 {
    display: none;
}
h2 {
    font-size: 1em;
    text-align: right;       
}
h3 {
    font-size: 1.2em;       
}        
p {
    margin: 0 0 7px 0;        
}      
hr {
	border: 1px solid #000;
	border-top: 1px solid #999;
	margin: 5px 0 7px 0;
}

/*-----------------------------------------------
    Container - Layout
-----------------------------------------------*/
#container {
    position: relative;
    margin: 0 auto 0 auto;
    padding: 10px 50px 10px 50px;
    width: 800px;
    color: #000;
}
#sfheader01 {
    width: 800px;
    height: 100px;
    background-color: #fff;
    background: url("images/sfheader.gif");
    float: left;       
}        
#navigation {
    clear: both;
    width: 788px;
    padding: 5px;
    height: 15px;
    border: 1px solid #000;
    border-top: 0;
    background: url("images/navigation.gif") repeat-x;//background: url("images/navigation_ie.gif") repeat-x;
    background-color: #fff;       
}
#navigation a {
    font-size: 1em;
    text-decoration: none;       
}        
#mainContent {
    padding: 7px;
    width: 577px;
    border: 1px solid #000;
    border-top: 0;
    background-color: #ccc;
    float: left;   
}
#rightNav {
    position: absolute;
    top: 136px;
    left: 642px;
    width: 192px;
    padding: 7px;
    border: 1px solid #000;
    border-top: 0; 
    background-color: #aaa;       
}
#rightNav a {
	text-decoration: none;
}
#footer {
    width: 585px;
    border: 1px solid #000;
    border-top: 0;
    padding: 3px;
    background-color: #999;
    color: #fff;       
}       

/*-----------------------------------------------
    Box Layouts
-----------------------------------------------*/
.boxContainer {
    padding: 5px;
    border: 1px solid #000;
    background-color: #E9E9E9;       
}
.boxContainer li {
	margin-left: 20px;
}
.navigation { 
    list-style-type: none;
    margin: 1px 0 1px 0;
    padding-left: 12px;
}       
.navigation li { 
    padding: 1px 0 0 0;
    border-bottom: 1px solid #000;       
}
.navigation a:hover { 
    text-decoration: none;      
}
.navigation li:hover {
    border-bottom: 1px solid #6B95FF;       
}        
.navButton {
    border-left: 5px solid #888;        
}        
.boxTab {
    height: 5px;
    background-color: #6B95FF;
    border: 1px solid #000;
    border-top: 0;        
}
.boxNavTabLeft {
    width: 5px;
    background-color: #888;
    border: 1px solid #000;
    margin: 2px 0 2px 0;       
}

/*-----------------------------------------------
    Styles
-----------------------------------------------*/
.contentBoxFooter {
    font-size: .9em;       
}
.code {
	border: 1px solid #aaa;
	background-color: #fff;
} 
.borderUnder {
	margin-top: 7px;
	margin-bottom: 5px;
	border-bottom: 1px solid #000;
}  

/*-----------------------------------------------
    Userguide
-----------------------------------------------*/

#navbar {
	clear: both;
	list-style-type: none;
	height: 23px;
	padding: 0;
	margin: 10px 0 20px 0;
	background: url("images/navbar.gif") repeat-x;
	display: block;
	overflow: hidden;
	font-size: 1.2em;
	text-transform:capitalize;
	position: absolute;
	top: -15px;
	left: -5px;
	width: 575px;
	border-bottom: 1px solid #000;
}
#navbar a {
	text-decoration: none;
	color: #FFFFFF;
}
/*.main {
	text-alignment: center;
	position: absolute;
	left: -2px;
	top: 30px;
}*/
#content {
}
#content img {
	position: relative;
	left: -50px;
	top: 10px;
}
#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}

/*-----------------------------------------------
    Beta App
-----------------------------------------------*/
.error {
	background-color:#C03;	
	display:inline;	
	padding:5px;
}

label {
	font-weight:bold;	
}

.smallText {
	width: 240px;	
}

.smallText input {
	float:right;	
}

#errorMessage {
	display:none;	
}