/* GLOBAL.CSS
----------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	color:#2E2E2E;
	text-align:center;
	background-color:#D1D1D1;
	background-image:url(../i/bg_all.gif);
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

/* default settings
----------------------------------------------------------*/
table {
	font-size: 100%; /* IE 5.5 needs this */
}
img {
	behavior:url("js/pngbehavior.htc");
}

/* link settings
----------------------------------------------------------*/
a {
	color:#3769E0;
	text-decoration:none;
}
a:visited {
	color:#3769E0;
}
a:hover {
	text-decoration:underline;
}
a img{
	border:none;
}


/* text settings
----------------------------------------------------------*/
h1, h2, h3, h4, h5 {
	color:#111111;
	font-weight:normal;
}
h1{
	font-size:20px;
}
h2 {
	font-size:18px;
	margin-bottom:5px;
}
h3 {
	font-size:14px;
	margin-bottom:4px;
}
h4, h5 {
	font-size:12px;
	font-style:italic;
	margin-bottom:.3em;
}
p, ul, ol, dl {
	margin-bottom:1em;
}
div.success {
	color:#669900;
	background-color:#E0EBCC;
	border:1px solid #669900;
	margin-bottom:1em;
	padding:5px;
}
/* page
----------------------------------------------------------*/
#page {
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../i/bg_page.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
	width:780px;
	margin:0 auto;
	padding:0 10px;
}

/* header
----------------------------------------------------------*/
#header {
	position:relative;
	height:80px;
	border-bottom:2px solid #004477;
}
#header h1{
	color:#3769E0;
	font-size:30px;
	text-align:center;
	font-weight:bold;
	padding-top:5px;
}
#header #logo {
	position:absolute;
	top:5px;
	left:0px;
}
#header #login,
#header #logout {
	position:absolute;
	top:10px;
	right:10px;
}
#header #logout {
	font-size:10px;
}
#header #login {
	text-align:right;
	width:250px;
}
#header #login fieldset {
	border:none;
	margin:0;
	padding:0;
}
#header #login span.error {
	display:block;
	color:#FF0000;
}
#header #login input {
	font-size:10px;
	padding:1px 2px;
}
#header #login input.text {
	border:1px solid #2E2E2E;
	background-color:#EFEFEF;
	width:70px;
	padding:1px 2px;
}
#header #login input.text:focus {
	border:1px solid #004477;
	background-color:#F9F9F9;
}
#header #login input.submit {
	color:#FFFFFF;
	background-color:#004477;
	border:1px solid #EFEFEF;
	cursor:pointer;
}
#header #login input.submit:hover {
	border:1px solid #004477;
}

/* header -> nav
------------------------------------------*/
#header #nav {
	position:absolute;
	top:45px;
	left:170px;
}
#header #nav li {
	display:inline;
	list-style:none;
}
#header #nav li a {
	float:left;
	display:block;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:25px;
	background-color:#BFBFBF;
	width:110px;
	margin:10px 1px 0 0;
	padding:0;
}
#header #nav li.selected a {
	background-color:#004477;
	background-image:url(../i/bg_button.gif);
	background-repeat:no-repeat;
	background-position: right top;
	margin:0 1px 0 0;
	padding:10px 0 0 0;
}
#header #nav li a:hover {
	background-color:#CCCCCC;
	text-decoration:none;
}
#header #nav li.selected a:hover {
	background-color:#004477;
}

/* body
----------------------------------------------------------*/
#body {
	margin:15px 10px 0;
	background-image:url(../i/bg_body.gif);
	background-repeat:repeat-y;
	background-position: 460px 0;
}
#body.wide {
	background-position: 540px 0;
	background:none;
}
#body iframe {
	border:none;
}

/* column 1 --> body
---------------------------------*/
#body #column_1 {
	float:left;
	display:inline;
	width:450px;
	padding:0 10px 0 0;
}
#body.wide #column_1 {
	width:740px;
	padding:0 10px 0 10px;
}

/* column 2 --> body
---------------------------------*/
#body #column_2 {
	float:left;
	display:inline;
	width:290px;
	padding:0 0 0 10px;
}
#body.wide #column_2 {
	float:right;
	/*display:none;*/
	width:290px;
	margin-top:2em;
}

/* column 1 folders --> body
---------------------------------*/
#body dl.views,
#body dl.docs,
#body dl.folders {
	margin:0 0 3em 0;
	padding:0;
}
#body dl.views dt,
#body dl.docs dt,
#body dl.folders dt {
	float:left;
	width:36px;
	margin:0;
	padding:0;
}
#body dl.folders dd {
	height:35px;
	margin:0 0 5px 36px;
	padding:0;
}
#body dl.docs dd {
	margin:0 0 5px 36px;
	padding:0;
}
#body dl.views dt {
	width:20px;
}
#body dl.views dd {
	margin:0 0 5px 20px;
	padding:0;
}

/* folders --> body
---------------------------------*/
#body #folders {
	overflow:auto;
	height:70px;
}
#body #folders div {
	/*width:1000px;*/
}
#body #folders ul {
	margin:0;
	padding:0;
	list-style:none;
}
#body #folders li {
	float:left;
	display:inline;
	text-align:center;
	width:50px;
	margin:0;
	padding:0;
	list-style:none;
}
#body #folders li.selected {
	background-color:#f2f2f2;
}
#body #folders li span {
	display:block;
}

/* docs --> body
---------------------------------*/
#body #docs {
	overflow:auto;
	height:380px;
}
#body #docs dl {
	margin:0 0 3em 0;
	padding:0;
}
#body #docs dt {
	float:left;
	margin:0;
	width:40px;
	padding:0;
}
#body #docs dd {
	margin:0 0 5px 40px;
	padding:0;
}

/* form --> body
---------------------------------*/
#body form {
	
}
#body form span {
	color:#999999;
	font-size:11px;
	margin:0 0 0 5px;
}
#body form span.error {
	display:block;
	color:#FF0000;
	margin:0;
}
#body form fieldset {
	border:none;
}
#body form fieldset fieldset {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:1em;
	padding-bottom:1em;
}
#body form fieldset legend {
	color:#111111;
	font-size:18px;
	margin-bottom:5px;
}
* html #body form fieldset legend {
	margin-left:-7px;
}
#body form fieldset fieldset legend {
	font-size:14px;
	margin-bottom:4px;
}
#body form fieldset div {
	margin-bottom:5px;
	padding:0 0 0 125px;
}
#body form label {
	float:left;
	display:inline;
	cursor:pointer;
	margin-left:-125px;
}
#body form input,
#body form select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#body form input.text {
	border:1px solid #2E2E2E;
	background-color:#EFEFEF;
	width:124px;
	padding:1px 2px;
}
#body form select {
	background-color:#EFEFEF;
	width:150px;
}
#body form select:focus {
	background-color:#F9F9F9;
}
#body form input.text:focus {
	border:1px solid #004477;
	background-color:#F9F9F9;
}
#body form input.submit {
	color:#FFFFFF;
	background-color:#004477;
	cursor:pointer;
	width:130px;
	height:25px;
	border:1px solid #004477;
	margin:25px 0 1em 0;
}
#body form input.submit:hover {
	border:1px solid #000000;
}

/* #footer
----------------------------------------------------------*/
#footer {
	color:#004477;
	font-size:11px;
	border-top:3px solid #D1D1D1;
	margin: 75px 0 0 0;
	padding:15px 0;
}


/* clear fix (http://www.positioniseverything.net/easyclearing.html)
----------------------------------------------------------*/
#footer:after,
#body:after,
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#footer,
#body,
.clearfix {
	display: inline-block; /* IE/Mac */
}
/* Hides from IE-mac \*/
* html #footer,
* html #body,
* html .clearfix {
	height: 1%;
}
#footer,
#body,
.clearfix {
	display: block;
}
/* End hide from IE-mac */