/* 
    Document   : darren
    Created on : 21-Jun-2010, 15:45:09
    Author     : Darren
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Reset stylesheet (Thanks to Eric Meyer)
--------------------------------------------------*/
/*
    Opted for this style sheet because it resets ul,ol browser styles
*/
@import url(reset.css);

root { 
    display: block;
}

body{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; background-color:#333; line-height:120%;}

#loggedIn{width:888px;}
#loggedIn p{float:right;}




.wrapper{
	width:270px;
	height:248px;
	position:absolute;
	top: 50%;
	left: 50%;

	margin-top: -124px; /*set to a negative number 1/2 of your height*/
	margin-left: -135px; /*set to a negative number 1/2 of your width*/
}

.loginContainer{background-color:#454545;}
.loginHeader{width:250px; padding: 5px 10px 5px 10px; background-color:#101010;}
.formContainer{padding:10px; height:160px;}
.versionDiv{margin-top:10px; padding-left: 10px; font-size:9px; color:#999;}



.container{margin-left:60px; margin-top: 30px;}
.headerContainer{}
.logoDiv{margin-bottom:10px;}
.dateDiv{margin:25px 0 0 -5px; font-size:10px; color:#666666;}
.navigationList li{float:left; line-height:25px; padding:0 10px 0 10px; border-right: 1px solid #666666;}
.navigationList li.last{border-right: none;}
.navigationList li a{color:#FFFFFF; text-decoration:none;}
.navigationList li:hover a{color:#FFFFFF;}
.navigationList li:hover{background-color:#EC1B23;}
.navigationList li.current{background-color:#EC1B23;}

.line{margin:10px 0 10px 0;}

.tabMenuList li{float:left; line-height:30px; padding:0 10px 0 10px; margin-right:5px; background-color:#666666;}

.tabMenuList li a{color:#999999; text-decoration:none;}
.tabMenuList li:hover a{color:#FFFFFF;}
.tabMenuList li:hover{background-color:#454545;}
.tabMenuList li.current{background-color:#454545;}
.tabMenuList li.current a{color:#FFFFFF;}

.tabContent{width:868px; padding:10px; background-color:#454545;}

.pageTitleDiv img{margin-right: 5px;}
.pageTitleDiv h1{line-height:25px; font-size:18px;  color:#FFF;}
.userInfoDiv{
	margin-top:7px;
	padding:10px;
	background-color:#333;
}

.shortcutsDiv{height: 100%;}
.shortcutsDiv .shortcutsList li{line-height:20px; padding:5px 0 5px 0; border-bottom: 1px solid #454545; cursor:pointer;}
.shortcutsDiv .shortcutsList li.last{border-bottom:none;}
.shortcutsDiv .shortcutsList li img{margin-right:7px;}
.shortcutsDiv .shortcutsList li a{color:#FFF; text-decoration:none;}
.shortcutsDiv .shortcutsList li:hover a{color:#FFF; text-decoration:underline;}
.leftColDiv, .rightColDiv, .body2Col{float:left;}
.leftColDiv{width:195px; margin-right:7px;}
.rightColDiv, .body1Col{width:665px;}
.rightColDiv a{color:#FFF; text-decoration:underline;}
.rightColDiv a:hover{color:#FFF; text-decoration:none;}
.body1Col{margin:0 0 7px 0;}
.body2Col{width:330px; margin:0 5px 7px 0;}
.body2Col.last{margin-right:0px;}

.body2Col, .body1Col, .shortcutsDiv{background-color:#333;}
.body2Col h2, .body1Col h2, .shortcutsDiv h2{padding-left: 10px; line-height:33px; background-color:#000; color:#FFF; font-size:11; font-weight:bold;}
.body2Col p, .body1Col p, .shortcutsDiv ul{padding: 10px;}
.footerContainer{font-size:11px;}
.footerContainer a{color:#FFF; text-decoration:underline;}
.footerContainer a:hover{color:#FFF; text-decoration:none;}