/*
====================================
GLOBAL STYLES 
====================================
*/

body{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:0px;
	margin-left:15px;
	margin-right:15px;
}

table,tr,td {
	padding:0px;
	margin:0px;
	border-spacing:0px;
	border-width:0px;
}

h1 {
	font-size: 22px;
	color:gray;
}

h2 {
	font-size: 18px;
	color:maroon;
	text-align:center;
	background-color : white;
}

#SystemMessage{
	text-decoration : blink;
	position:absolute;
	right:15px;
	top:15px;
	color : Gold;
	background-color : #191970;
	border: thick solid Maroon;
	font-weight:bold;
	padding:5px;
}


/*
====================================
STYLES FOR ADMIN AREA
====================================
*/

.menubar {
	width:100%;
	color:blue;
	background-color : Silver;
	font-size: 14px;
	font-weight:bold;
	padding:10px;
}

.menubar .inside {
	margin-left:10px;
}

#content_area{
	margin:10px;
}

.DataGrid{
	border: 2px solid black;
	border-spacing:0px;
	width:775px;
}
.DataGrid td {
	border-width:1px;
	border-color:silver;
	border-style : solid;
}
.rowHeader, .rowHeader td{
	background-color:gray;
	color:yellow;
	font-weight:bold;
	text-align:center;
	padding:5px;
}
.rowFilter, .rowFilter select, .rowFilter td{
	border-style:solid;
	background-color: #6495ED;
	font-weight:bold;
}
.rowData, .rowData td{
	padding-left:2px;
	padding-right:2px;
}
.rowOn{
	background-color: #DCDCDC;
}
.rowOff{
	background-color: white;
}

.alert{
	color:red;
}
.inactive{
	color:gray;
}
/*
====================================
STYLES FOR FORMS AND FORM FIELDS 
====================================
*/

input, select{
	background-color : #EEEEEE;
	border-color : Silver;
	border-width: 1px;
	border-style:solid;
}

.OptionBox{
	background-color : #EEEEEE;
	width:700px;
	border-color : Silver;
	border-width: 1px;
	border-style:solid;
}

.textinput{
	width:300px;
}

label {
	font-size: 14px;
	font-weight:bold;
}

/*Button*/
.buttonSubmit{
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmit:hover{
	background:url(images/button.gif) no-repeat left bottom;
}
.btnMedium{
	width:100px;
	background:url(images/button_medium.gif) no-repeat left top;
}
.btnMedium:hover{
	background:url(images/button_medium.gif) no-repeat left bottom;
}
.btnLarge{
	width:130px;
	background:url(images/button_large.gif) no-repeat left top;
}
.btnLarge:hover{
	background:url(images/button_large.gif) no-repeat left bottom;
}