/*	Table
----------------------------------------*/
th.sortasc
{
    background:url("../Images/arrow_up.png") left no-repeat;
}

th.sortdesc
{
    background:url("../Images/arrow_down.png") left no-repeat;
}

.gridview
{
	vertical-align:top;
	left: auto;
	height:678px;
	overflow:auto;
	width:auto;
}

.gridviewsmall
{
	vertical-align:top;
	left: auto;
	height:400px;
	width:431px;
	overflow:auto;
}

.gridviewmedium
{
	vertical-align:top;
	left: auto;
	height:431px;
	width:590px;
}

.gridviewfull
{
    vertical-align:top;
    position:relative;
    max-width:100%;
    margin-left:10px;
    margin-right:10px;
}

.firstchildgrid
{
	width:100%;
	border: solid 2px #EBD732;
}

.firstchildgrid th
{
	background-color: #EBD732;
}

.firstchildgrid alt
{
	background-color: #F1F1F1;
}

.firstchildgrid td
{
	background-color: #FFFFFA;
}

.secondchildgrid
{
	width:100%;
	border: solid 2px #1EEBEB;
}

.secondchildgrid th
{
	background-color: #1EEBEB;
}

.secondchildgrid td
{
	background-color: #FAFFFF;
}

/*	Logout
----------------------------------------*/
.logoutDisplay
{
    float:right;
    position:relative;
}

a.logoutDisplay
{
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 1em;
	padding:5px 12px 18px 12px;
	text-decoration:none;
	color:#fff !important;
}

a.logoutDisplay:hover,
a.logoutDisplay:focus,
a.logoutDisplay:active {color:#f8971d !important;}

/* Forms  
----------------------------------------------------------*/
.inputForm {
	float:left;
	width:575px;
	margin:10px 0px 30px 0px;
	overflow:hidden;
}

.inputForm label {
	clear:left;
	float:left;
	margin:9px 10px 0px 6px;
	width:25%;
	font-size:13px;
	text-shadow:0px 1px 0px #fff;
}

.inputForm span {
	display:block;
	float:right;
	margin:10px 0px 0px 10px;
	font-size:1.2em;
	color:Red;
	text-shadow:0px 1px 0px #fff;
}

.inputForm input[type=text] {
	display:block;
	float:left;
	padding:4px;
	margin-top:8px;
	width:56%;
	height:15px;
	background-color:#fffefd;
	font-size:12px;
	font-family:'Droid Sans', helvetica, arial, sans-serif;
	border:1px solid #d2d1d0;
	-moz-border-radius:2px;
}

.inputForm textarea {
	display:block;
	float:left;
	padding:4px;
	margin-top:8px;
	width:56%;
	background-color:#fffefd;
	/*color:#777;*/
	font-size:12px;
	font-family:'Droid Sans', helvetica, arial, sans-serif;
	border:1px solid #d2d1d0;
	-moz-border-radius:2px;
}

.inputForm input[type=text]:focus, textarea {
	background-color:#fcfbfa;
	border-color:#c2c1c0;
}

.inputForm input[type=checkbox] {
	display:block;
	float:left;
	vertical-align: middle;
	margin-top:8px;
	background-color:#fffefd;
	/*color:#777;*/
	border:1px solid #d2d1d0;
	-moz-border-radius:2px;
}

.inputForm select {
	display:block;
	float:left;
	margin-top:8px;
	width:57.8%;
	font-size:14px;
}

.inputForm input[type=submit] {
	float:right;
	margin:10px 84px 0px 10px;
}

/* Input Form Button Panel
----------------------------------------------------------*/
.inputFormButtonPanel {
	width:491px;
}

.inputFormButtonPanel input[type=submit] {  
    margin-left:10px;
}

/* CustomReportForm
----------------------------------------------------------*/

#CustomReportForm {
	width:491px;
	margin:10px 0px 30px 0px;
	overflow:auto;
}

#CustomReportForm label,
#CustomReportForm span {
	float:left;
	clear:left;
	margin:9px 10px 0px 6px;
	width:100px;
	font-size:13px;
	text-shadow:0px 1px 0px #fff;
}

#CustomReportForm input[type=text] {
	display:block;
	padding:4px;
	margin-top:8px;
	width:365px;
	height:15px;
	background-color:#fffefd;
    /*color:#777;*/
    font-size:12px;
	font-family:'Droid Sans', helvetica, arial, sans-serif;
    border:1px solid #d2d1d0;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:inset 0px 1px 1px #fff;
}

#CustomReportForm input[type=text]:focus {
	background-color:#fcfbfa;
	border-color:#c2c1c0;
}

#CustomReportForm select {
	margin-top:8px;
	width:375px;
	height:25px;
	font-size:14px;
}

#CustomReportForm input[type=submit] {
	float:right;
	margin:10px 0px 0px 10px;
}



#SelectSiteForm {
	width:431px;
	margin:10px 0px 30px 0px;
	overflow:auto;
}

#SelectSiteForm label,
#SelectSiteForm span {
	float:left;
	clear:left;
	margin:9px 10px 0px 6px;
	width:40px;
	font-size:13px;
	text-shadow:0px 1px 0px #fff;
}

#SelectSiteForm select {
	margin-top:8px;
	width:375px;
	height:25px;
	font-size:14px;
}

#SelectSiteForm input[type=submit] {
	float:right;
	margin:10px 0px 0px 10px;
}


#CallNotificationForm {
	width:491px;
	margin:10px 0px 30px 0px;
	overflow:auto;
}

#CallNotificationForm span {
	margin:9px 10px 0px 6px;	
	font-size:13px;
	text-shadow:0px 1px 0px #fff;
}

#CallNotificationForm span.PhoneLabel {
	float:left;
	clear:left;
	width:100px;
}

#CallNotificationForm input[type=text] {
	float:left;
	display:block;
	padding:4px;
	margin-top:8px;
	width:150px;
	height:15px;
	background-color:#fffefd;
    color:#777;
    font-size:12px;
	font-family:'Droid Sans', helvetica, arial, sans-serif;
    border:1px solid #d2d1d0;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:inset 0px 1px 1px #fff;
}

#CallNotificationForm input[type=text]:focus {
	background-color:#fcfbfa;
	border-color:#c2c1c0;
}

#CallNotificationForm input[type=submit] {
	clear:left;
	float:right;
	margin:10px 200px 0px 0px;
}

#ChangePasswordForm 
{
	width:575px;
	height:552px;
	margin:10px 0px 30px 0px;
}

#ChangePasswordForm label {
	clear:left;
	float:left;
	margin:9px 10px 0px 6px;
	width:25%;
	font-size:13px;
	text-shadow:0px 1px 0px #fff;
}

#ChangePasswordForm span 
{
	display:block;
	float:right;
	margin:10px 0px 0px 10px;
	font-size:1.2em;
	color:Red;
	text-shadow:0px 1px 0px #fff;
}

#ChangePasswordForm input[type=password] 
{
	display:block;
	float:left;
	padding:4px;
	margin-top:8px;
	width:46%;
	height:15px;
	background-color:#fffefd;
	font-size:12px;
	font-family:'Droid Sans', helvetica, arial, sans-serif;
	border:1px solid #d2d1d0;
	-moz-border-radius:2px;
}

ul#ChangePasswordForm 
{
    margin:7px 0px 0px 0px;
}
#ChangePasswordForm li
{
	margin:3px 0px 0px 8px;
	line-height:19px;
}

#ChangePasswordForm input[type=submit] {
	float:right;
	margin:20px 140px 0px 10px;
}

/* Image Container  
----------------------------------------------------------*/
#ImageContainer
{
	width:372px;
	margin-left:auto;
	margin-right:auto;
}

/* External  
----------------------------------------------------------*/
.externalPage
{
	frameborder:0;
	height:100%;
	width:100%;
}

/* Buttons
----------------------------------------------------------*/

.letterButton {
	margin:2px;
	padding:4px 4px;
	background-color:#555;
	color:#fff;
	line-height:13px;
	font-size:12px;
	border:none;
	-moz-border-radius:2px;
	border-radius:2px;
	width:auto;
	cursor:pointer;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}

.letterButton:hover, .letterButton.selected {
	background-color:#f36f36;
	color:#fff;
}

/* MISC  
----------------------------------------------------------*/

#NewPortal
{
	font-family:'Droid Sans', helvetica, arial, sans-serif;
    background-color: transparent;
	text-decoration:none;
	text-align:center;
	color:#f5f3f1
}

.failureNotification
{
	margin-top:9px;
    font-size: 1.2em;
    color: Red;
    width:199px;
}

.bold { font-weight: bold; }

.center 
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
}