﻿body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.outsideContainer {
	padding: 5px 0px 30px 0px;
	margin: 0px auto 0px auto;
	background-color: #ffffff;
	width: 1000px;
	min-height: 200px;
	height: 700px;
	top: 15px;
}
.middleContainer {
	border: 1px solid #ffeaa7;
	background-color: #666666;
	padding: 0px 10px 10px 10px;
}
.innerContainer {
	background-color: #ffffff;
	min-height: 680px;
	height: 100%;
	border: 1px solid #ffeaa7;
	padding: 0px 0px 10px 0px;
	width: 100%;
}
.menu{
	color: #ffeaa7;
	font-size: small;
	font-weight: normal;
	font-style: normal;
}
.content {
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

.title{
	color: #ffeaa7;
	font-size:large;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}
.loginView{
	color: #ffeaa7;
	margin-bottom: 5px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	float: right;
}
.leftBar{
	float: left;
	padding: 4px;
	width: 225px;
}
.rightBar{
	padding:4px;
	width:auto;
	float:left;
}
.Login
{
	border: 1px solid #ffeaa7;
	margin: auto;
}
.LoginLabel {
	font-size:x-small;
}
.LoginTitle {
	margin: 0px;
	padding: 0px;
	background-color: #666666;
	color: #ffeaa7;
	border: thin;
}
.LoginBtn {
	font-size:x-small;
	height: 25px;
}
.LoginTextBox
{
	font-size: x-small;
	height: 15px;
}
.Box 
{
	border: 1px solid #666666;
	margin: auto;
	background-color: #ffffff;
}
.BoxTitle 
{
	margin: 0px;
	padding: 0px;
	background-color: #666666;
	color: #ffeaa7;
	border: thin;
	text-align:center;
}
.BoxContent  
{
	margin:3px;
}
.subMenu
	{
		BORDER-RIGHT: #ffeaa7 1px solid; 
		BORDER-TOP: #ffeaa7 1px solid; 
		BORDER-LEFT: #ffeaa7 1px solid; 
		BORDER-BOTTOM: #ffeaa7 1px solid;
		background-color:#666666;
	}	
	
.CreateUserWizard	
{
	width: 500;
	margin: auto;
	border: 1px solid #666666;
}

/* GridView Stuff */
.x-gridview 
{
		BORDER-RIGHT: #666666 1px solid; 
		BORDER-TOP: #666666 1px solid; 
		BORDER-LEFT: #666666 1px solid; 
		BORDER-BOTTOM: #666666 1px solid;
		background-color:#ffffff;
		color: #666666;
		text-align:center;
}


.x-gv-alternating 
{font-size: x-small;
}
.x-gv-footer 
{
}

.x-gv-pager {}
.x-gv-row {font-size: x-small;}
.x-gv-selectedrow {}

.x-gv-header 
{
	margin: 0px;
	padding: 0px;
	background-color: #666666;
	color: #ffeaa7;
	border: thin;
	font-size: x-small;
	font-weight:normal;
	text-align:center; 
}
.x-gv-header a 
{
	color: #ffffff;
}

.x-gv-emptydatarow
{
	margin: 0px;
	padding: 0px;
	background-color: #666666;
	color: #ffeaa7;
	border: thin;
	font-size: x-small;
	font-weight:normal;
	text-align:center; 
}

/* DropDownListBox */
.DropDownListBox 
{
	font-size: small;
	border: #000000; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	margin: 0px 0px 4px 0px;
}

/* Menu */
.MenuMouseOver
{
	cursor:pointer;
}

.validatorCalloutHighlight 
{
    background-color: #ffeaa7;
}

a
{
	color: #666666;
}

/* Modal Popup Window */
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalBox {
	background-color : #f5f5f5;
	border-width: 3px;
	border-style: solid;
	border-color: Blue;
	padding: 3px;
}

/* Progress in Update Panel */
.Normal
{
  cursor: auto;
}
 
.Progress
{
  cursor: wait;

}

/*Reorder List*/
.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}

.reorderList 
{
	margin-left: -50px;
}
.reorderList li {
	list-style:none;
	margin: 2px;
	background-image:url(images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
	width: 380px;
}

.reorderList li a {color:#FFF !important; font-weight:bold; }

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align:left;
}

.oldItems {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align:left;
	color:Red;
}

.emptyList {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align:left;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

 .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
