﻿/* Default CSS Stylesheet for a new Web Application project */
* {margin:0;}
body {font-size:.65em;color:#333;font-family:Verdana, Arial, Helvetica, sans-serif;}
table,tr,td,input,select,pre {font-size:100%;font-family:Verdana, Arial, Helvetica, sans-serif;}
input[type=file]
/*{
	font-size: .825em;
}
input[type=file] {font-size:.825em;}*/
img {border:none;}

a:link, a:visited {text-decoration:none;color:#039;}
a:hover {text-decoration:underline;color:#900;}

h1 {padding:0 0 13px 0;color:#039;font-weight:bold; font-size:1.4em;}
h2 {padding:0 0 10px 0;color:#039;font-weight:bold;font-size:1.25em;}
h3 {padding:0 0 2px 0;margin-bottom:7px;font-weight:bold; font-size:1.2em;border-bottom:1px solid #333;}
h4 {padding:0 0 7px 0;font-weight:bold; font-size:1.1em;}
h5 {padding:0 0 7px 0;font-weight:bold; font-size:1em;text-decoration:underline;}
h6 {padding:0 0 5px 0;font-weight:bold;font-size:1em;}
p {margin-bottom:7px;line-height:1.7em;}
.Inline {display:inline;}
.Break {padding:0;}



/*### Large Calendar ###*/
.LargeCal {border:1px solid #039;width:100%;clear:both;}
.LargeCal .Title td {padding:10px;background-color:#feffef;font-size:1.3em;}
.LargeCal .NextPrev a {font-size:.8em;color:#039;}
.LargeCal .DayHeader {border:1px solid #ccc;font-size:1.2em;text-align:center;}
.LargeCal .Day, .TodayDay, .WeekendDay {border:1px solid #ccc;padding:2px;vertical-align:top;text-align:left;height:100px;}
.LargeCal .WeekendDay {background-color:#e9e9e9;}
.LargeCal .TodayDay {border:1px solid #c00;}
.LargeCal .Day:hover, .LargeCal .WeekendDay:hover {background-color:#feffef;border:1px solid #039;}
.LargeCal .OtherMonthDay {height:0px;visibility:hidden;}
.LargeCal .MsgList { list-style-type:none;}
.LargeCal .PriorityEventMsg {margin:4px 0 0 0;background-image:url(../../Copy%20of%20Tabbed/Css/images/Priority.gif); background-repeat:no-repeat; padding-left:14px;}
.LargeCal .EventMsg {margin:4px 0 0 0;}

/*### GridView ###*/
.GridView {margin-bottom:15px;}
.GridView td, .GridView th {padding:3px 5px 3px 5px;}
.GridView tr.Header {border:1px solid #ccc;}
.GridView .Header th {text-align:left;background-color:silver;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.GridView .Header2 th {background-color:silver;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.GridView .Row td {border-bottom:1px solid #e1e1e1;}
.GridView .AltRow td {border-bottom:1px solid #ccc;background-color:#F1F1F1;}
.GridView .Row:hover td, .GridView .AltRow:hover td {background-color:yellow;}
.GridView td.Center {text-align:center;}
.GridView tr.Pager {font-weight:bold;}

/*input {background-color:#ffffff;}
label {font-weight:bold;}*/
input.Btn {border:1px solid #999;background-color:#999;color:#ffffff;font-weight:bold;}
input.Txt, select.Ddl {border:1px solid #999;background-color:#fff;}
.errlabel {font-size: large; color: #900; font-weight:bold;}
.smerrlabel {font-size:  x-small; color: red; font-weight:bold;}

.XtraL {width:840px;} 
.XXtrL {width:500px;}
.XtrL {width:400px;}
.XXXXL {width:300px;}
.XXXL {width:225px;}
.XXL {width:200px;}
.XL {width:175px;}
.L {width:150px;}
.M {width:125px;}
.S {width:100px;}
.XS {width:75px;}
.XXS {width:50px;}
.XXXS {width:25px;}
.XXXXS {width:15px;}
.small{width:30px;}

ul.ErrorList {color:#990000;margin-bottom:15px;}
ul.ErrorList li {margin:0 0 0 15px;}
.Error {color:#900;font-weight:bold;}

.Clear {clear:both;height:0px;}

option.Grant {color:#333;}
option.Deny {color:#ccc;}

#wrapper {width:865px; text-align:left}
#header
{
	padding: 1em;
	border: 1px solid #000;
	font-size: 12px;
	background-color: silver;
	color: black;
}

#intro
{
	background-color: #6f0000;
	padding: 10px 0 0 10px;
	height: 30px;
	color: white;
	font-family: 'Times New Roman';
	font-weight: bold;
	font-variant: small-caps;
	font-size: medium;
} /*edecd1*/
	div#mainNav input
{
	color: black;
	background-color: white;
	height: 20px;
	width: 85px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border-right: #a9a36f thin solid;
	border-top: #a9a36f thin solid;
	border-left: #a9a36f thin solid;
	border-bottom: white thin solid;
}
	div#mainNav input:hover {color:#006699;}
	div#mainNav input.Active {background-color:#a9a36f;color:#006699;border-bottom: #a9a36f thin solid;}

a.MenuHlnk
{
	color: black;
	background-color: gainsboro;
	height: 20px;
	width: 90px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border-right: gainsboro thin solid;
	border-top: gainsboro thin solid;
	border-left: gainsboro thin solid;
	border-bottom: gainsboro thin solid;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
	font-size: small;
}

.HideCal
{
	  display: none;
}

a.MenuHlnkwide
{
	color: black;
	background-color: gainsboro;
	height: 20px;
	width: 150px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border-right: gainsboro thin solid;
	border-top: gainsboro thin solid;
	border-left: gainsboro thin solid;
	border-bottom: gainsboro thin solid;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
	font-size: small;
}

a.MenuHlnkActive
{
	color: white;
	background-color: #a9a36f;	
	height: 15px;
	width: 90px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border-right: #a9a36f thin solid;
	border-top: #a9a36f thin solid;
	border-left: #a9a36f thin solid;
	border-bottom: #a9a36f thin solid;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	text-align:center;
	vertical-align:middle;
	font-size:small
}

a.MenuHlnkActivewide
{
	color: white;
	background-color: #a9a36f;	
	height: 15px;
	width: 150px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border-right: #a9a36f thin solid;
	border-top: #a9a36f thin solid;
	border-left: #a9a36f thin solid;
	border-bottom: #a9a36f thin solid;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	text-align:center;
	vertical-align:middle;
	font-size:small
}

#container
{
	width:865px;
	margin: 10px auto;
	background-color: #E6EEEF;
	color: #333;
	border: 1px solid gray;
	line-height: 130%;
}
	
#footer
{
	clear: both;
	margin: 0;
	padding: .5em;
	color: #333;
	background-color: #E6EEEF;
	border-top: 1px solid gray;
}

/* Footer

---------------------------------------------------------------------------------------- */

#footer td
{
	padding: .5em 0px 0px .5em;
	display: inline;
}

#footer .FooterWrapper
{
	border-top: 1px solid #999;
	padding-top: 10px;
}

#footer p
{
	color: #666;
	font-size: .8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 8px 0;
}

#footer a:link, #footer a:visited
{
	font-weight: normal;
	color: #666;
}

#footer a:hover
{
	text-decoration: underline;
	color: #900;
}

		
#main {clear:both;padding:0px 10px 10px 10px;background-color:#ffffff;}
	div.Left {float:left;width:49%;margin-bottom:15px;}
	div.Right {float:right;width:49%;text-align:right;margin-bottom:15px;}
	div.CalendarWrapper {clear:both;width:100%;}	

	.Panel {border:1px solid #039;padding:10px;margin:0 0 15px 0;}

	.SubContent {margin-bottom:15px;}
	ul.SubNav {list-style-type:none;height:8px;}
	ul.SubNav li {display:block;float:left;}
	ul.SubNav li input {border:0px none;background-color:#999;margin:0 1px 0 0;color:#FFFFFF;font-weight:bold;}
	ul.SubNav li input:hover {color:#039;}
	ul.SubNav li input.Active {color:#039;background-color:#ccc;}
	.SubPanel {clear:both;border:1px solid #039;padding:10px;}
	
	ul.MessageList {list-style-type:none;margin:0 0 15px 0;}
	ul.MessageList li {margin:0 0 7px 10px;}


#AppTitle
{
	font-size: 1.5em;
	color: white;
	text-align: center;
	margin-bottom: 10px;
}
.Border
{
	background-color: black;
	padding: 20px;
}/*#ffffcc*/
.ThinBorder
{
	border: 1px solid black;
	padding: 10px;
	background-color: #e0e2e0;/*lavender;*/
}
.center
{
	 text-align:center;
}

.left
{
	text-align:left;
}

.right
{
	text-align:right;
}
