/***** Core styles *****/
p.noJS {
	background-color:#F24E31;
	color:#FFFFFF;
	display:block;
	font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	left:0;
	padding:4px 0 3px;
	position:absolute;
	top:0;
	width:100%;
	z-index:100;
	text-align:center;
}
.rightAlign{
	float:right;
	display:inline-block;
	text-align:right;
}
.leftAlign{
	float:left;
	display:inline-block;
	text-align:right;
}

/***** Header styles *****/
div.header {
	background:#00131A url(../Images/Extranet-logo.gif) no-repeat scroll 0 0;
	border-bottom:solid 1px #00C0EC;
	height:70px;
	padding:2px 10px 0 0;
	line-height:1.8;
}
div.header div.loginInfo{
	color: #00AADC;
	float:right;
	text-align:right;
}
div.header div.loginInfo a{
	font: bold 10px Arial,Helvetica,sans-serif;
	height:20px;
	color: #FFF;
	border-left: 1px solid #666;
	padding:0 0 0 5px;
	margin:0 0 0 5px;
}
div.header div.loginInfo a:hover{
	text-decoration:underline;
}


/***** menu styles *****/
div.menu{
	background:#F3F6F7 url(../images/menuHeaderBackground.gif) repeat-x;
	height:80px;
}
div.menu div.menuBlock{
	border-right: solid 1px #00C0EC;
	width:150px;
	height:80px;
	float:left;
	display:inline-block;
	padding:0 10px;
}
div.menu div.menuBlock span{
	font: bold 12px/19px Arial,Helvetica,sans-serif;
	height:19px;
	width:100%;
	display:inline-block;
}
div.menu div.menuBlock a{
	background:transparent url(../Images/navIcon.gif) no-repeat scroll 0 6px;
	color:#1F6EAC;
	font: normal 11px/20px Arial,Helvetica,sans-serif;
	padding:0 0 0 10px;
	display:inline-block;
	width:145px;
}
div.menu div.menuBlock a:hover{
	text-decoration:underline;
}
div.menu div.menuBlock a.active{
	font-weight:bold;
}


/***** Content styles *****/
div.welcomeMsg{
	margin:20px 0;
	font-size:13px;
}
div.welcomeMsg p{
	margin:0px 0px 15px 0px;	
	font-size:18px;
	font-weight:bold;
}


/***** Module styles *****/
.module{
	margin:0 0 40px;
}
/*~~~~ top/bottom bars ~~~~*/
.module .bar{
	height:27px;
	background-color:#F4F7F8;
	border-bottom:1px solid #D5DDE1;
	margin:0;
}
.module .bar a.heading{
	font: bold 21px/27px Arial,Helvetica,sans-serif;
	padding:0 0 0 32px;
	float:left;
	background: url(../images/arrow-up.gif) no-repeat 5px 5px;
	color:#00C0EC;
}
/*~~~~ search/options bar ~~~~*/
.module .options{
	height:22px;
	background-color:#E2E8EB;
	margin:1px 0 0;
	padding:5px 0 0;
}
.module .options span{
	color:#5C6A76;
	font: bold 12px Arial,Helvetica,sans-serif;
	padding:0 0 0 32px;
	display:inline-block;
	float:left;
}
.module .options input, #searchDocs .bar input{
	width:270px;
	margin:0 0 0 50px;
	display:inline-block;
	float:left;
}
.module .options .showOptions{
	margin:0 0 0 10px;
	display:inline-block;
	float:left;
}
.module .options .addDocument,
.module .options .addCategory,
.module .options .addEntity,
.module .options .addUser,
.module .options .addGroup{
	display:inline-block;
	float:right;
	margin:0 5px 0 0;
}
/*~~~~ buttons ~~~~*/
.module a.solidBtn{
	font: bold 10px Arial,Helvetica,sans-serif;
	color: #FFF;
	padding:3px 5px 4px;
	background-color: #1F6EAC;
	display:inline-block;
	float:left;
}
.module a.solidBtn:hover{
	background-color:#14456B;
}
.module a.outlineBtn{
	color:#1F6EAC;
	font: bold 10px Arial,Helvetica,sans-serif;
	border: solid 1px #00C0EC;
	padding: 2px 4px 3px;
}
.module a.outlineBtn:hover{
	border: solid 1px #14456B;
}
.module input.checkbox{
	width:auto;
}
/*~~~~ 3 column box ~~~~*/
.module .boxSurround{
	background: url(../images/searchOptionsBackground.gif) repeat-y 0 0;
	margin:1px 0 0;
	padding:0 0 20px
}
.module .boxSurround .boxHeading{
	background-color:#E2E8EB;
	height:22px;
	padding:5px 0 0 32px;
	border-bottom:1px solid #D5DDE1;
	color:#666666;
	font: bold 12px Arial,Helvetica,sans-serif;
	width:287px;
}
.module .boxSurround .boxHeadingAlt{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	width:288px;
}
.module .boxSurround .box{
	margin: 10px 20px 0;
}
.module .boxSurround .alpha{
	margin-left: 0;
}
.module .boxSurround .omega{
	margin-right: 0;
}
.module .boxSurround .submitArea{
	margin: 30px 20px 0;
	width:280px;
	float:right;
}
.module .boxSurround .box label{
	margin: 0 0 10px 0;
	display:block;
}
.module .boxSurround .boxHalf label{
	margin: 0;
}
/*~~~~ document - add document styles ~~~~*/
.module .boxSurround input.addCategory{
	width:241px;
}

/*~~~~ document - add document styles ~~~~*/
.module .boxSurround input.addEntity{
	width:241px;
}
/*~~~~ half size inputs ~~~~*/

/*~~~~ table ~~~~*/
.module .table{
	border:1px solid #D5DDE1;
	margin:1px 0 0;
	padding:10px;
	width:938px;
}
.module .table a{
	color:#1F6EAC;
}
.module .table a:hover{
	text-decoration:underline;
}
.module .table table{
	color:#5C6A76;
	width:100%;
	height:100%;
	position:relative;
}
.module .table table th{
	padding:0 10px 2px;
	text-align:left;
	background-color:#FFF;
}
.module .table table th a{
	font: bold 11px Arial,Helvetica,sans-serif;
}
.module .table table tr{
	background-color:#F4F7F8;
	position:relative;
}
.module .table table td{
	padding:1px 10px;
	text-align:left;
}
/*~~~~ error styles ~~~~*/
.module .error, .module .error span, .module .validationError{
	color:Maroon;	
	font: bold 11px Arial,Helvetica,sans-serif;
}
/*~~~~ closed state ~~~~*/
.closed .bar a.heading{
	background: url(../images/arrow-down.gif) no-repeat 5px 5px;
}
.closed .table,
.closed .options,
.closed .boxSurround,
.closed .bottomBar,
.closed .bar .paging{
	display:none;
}


/***** paging styles *****/
.paging{
	float:right;
	color:#8C9FAE;
}
.paging a{
	border-left:1px solid #E2E8EB;
	padding:0 6px;
	color:#8C9FAE;
	font-size: 10px;
	line-height:27px;
	display:inline;
	float:right;
}
.paging a.disabled {
	color:#CDCDCD;
}
.paging a:hover, .paging a.active {
	background-color:#FFFFFF;
}
.paging a.disabled:hover{
	background:none;
}

/***** results per page styles *****/
.resultsPerPage{
	float:left;
	color:#8C9FAE;
}
.resultsPerPage span{
	display:inline-block;
	float:right;
	line-height:27px;
	border-left:1px solid #E2E8EB;
	padding:0 6px;
}
.resultsPerPage a{
	border-left:1px solid #E2E8EB;
	padding:0 6px;
	color:#8C9FAE;
	font-size: 10px;
	line-height:27px;
	display:inline;
	float:right;
}
.resultsPerPage a.disabled {
	color:#CDCDCD;
}
.resultsPerPage a:hover, .resultsPerPage a.active {
	background-color:#FFFFFF;
}
.resultsPerPage a.disabled:hover{
	background:none;
}


/***** Login styles *****/
div.loginArea{
	margin:120px auto 0;
	width:580px;
	text-align:center;
}
div.loginArea .module{
	margin:0 auto;
	width:320px;
	text-align:left;
}
div.loginArea .module .options span{
	padding:0 0 0 20px;
}
div.loginArea .module .bar a.heading{
	background:none;
	padding:0 0 0 20px;
}
div.loginArea .module .boxSurround{
	padding:0 0 10px;
}
div.loginArea .module .boxSurround .box{
	width:120px;
	margin:10px 20px 0;
}
div.loginArea .module .boxSurround .box input{
	width:112px;
}
div.loginArea .module .boxSurround .box input.checkbox{
	width:auto;
}
div.loginArea a{
	color:#1F6EAC;
	font: bold 11px Arial,Helvetica,sans-serif;
}

/***** Footer styles *****/
div.footer{
	margin: 40px 0 50px 100px;
}
div.footer img{
	display:inline-block;
}


