﻿/**************************************************************************************************************
 * Reset
 **************************************************************************************************************/
html, body { height: 100%; margin: 0; padding: 0; border: 0; outline: 0;}
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	outline: 0; }

/**************************************************************************************************************
 * Globals
 **************************************************************************************************************/
html,body{margin:0;padding:0}
body{font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;  text-align: center;background: #757D88;padding-bottom:20px;font-size:12px;}
p { font-size: 10pt; line-height: 24px; margin: 0px 50px 6px 50px;  }
h1 { font-size: 20px; font-weight: bold; margin: 0px 50px 6px 50px; line-height: 36px; color: #999900; }
h2 { font-size: 16px; font-weight: bold; margin: 0px 50px 6px 50px; line-height: 18px;}
h3 { font-size: 1em; font-weight: bold; margin: 0px 50px 6px 50px; line-height: 18px;}
h4 { font-size: 10px; font-weight: bold; margin: 0px 50px 6px 50px; line-height: 18px;}
ul { font-size: 10pt; margin: 0px 50px 18px 50px; }
li { font-size: 10pt; margin: 0px 50px 0px 50px; }
table { margin: 10px; }
th { white-space: nowrap; font-weight: bold; }
td { text-align: left; vertical-align: top; }
p a { color: #333333; text-decoration: none; font-size: 10pt; padding: 1px;  }
p a:hover { color: #FFFFFF; background-color: #044572; text-decoration: underline; }
a { color: #333333; text-decoration: none; font-size: 10pt; padding: 1px;  }
a:hover { color: #FFFFFF; background-color: #044572; text-decoration: underline; }
input.text, textarea { border: solid #494949 1px; padding: 2px; }
strong { font-weight: bold; }
em { font-style: italic; }
blockquote { margin: 10px 50px; }

/* dont show transparent pngs in IE until the js fixes them */
.ie5 .iefix, .ie6 .iefix { display:none; } 

.linkbutton {color: #75a7bc;}
.textbox {border: 1px solid #777; background: #F5F5F5; background-image:none; padding: 8px; color: black; width: 250px; font-size: 14px; }
.literal {font-size: 12px;}
.ModalBackground {background-color:#333333;opacity:0.5;-moz-opacity: 0.5; filter: alpha(opacity=50);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.popup {width:600px; height:600px; overflow:scroll; padding:10px; background-color:#FFFFFF; border-style:solid; border-color:#000000; border-width:1px; vertical-align: top; text-align:left; } 
a#link {font-family:Times New Roman; font-size: 7pt; color:#606369; font-style: italic;}

/**************************************************************************************************************
 * Repeater Styles
 **************************************************************************************************************/
ul#repeaterboxset,ul#repeaterboxset li{list-style-type:none;margin:0;padding:0;vertical-align: middle;}
ul#repeaterboxset{width:100%;overflow:hidden;margin-bottom:5px;text-align:left;vertical-align: middle;}
ul#repeaterboxset li{float:left;width:100%;padding: 10px 0}
li#repeaterbox1 {background: #f4f1f1;border-top-style: dotted; border-top-width: thin; border-top-color: #cccccc; border-bottom-style: dotted; border-bottom-width: thin; border-bottom-color: #cccccc; height: 85px; }
li#repeaterbox2 { height: 85px; }
li#repeaterbox1 a:hover {background-color: #75a7bc; color: #000000; text-decoration: underline; }
li#repeaterbox2 a:hover {background-color: #75a7bc; color: #000000; text-decoration: underline;}

/**************************************************************************************************************
 * Data Form
 **************************************************************************************************************/
.dataform { width: 540px;}
.dataformrow { }
.dataformrowheader { font-size: 14px; text-align:center; }
.dataformleftcol { text-align: right; white-space: nowrap; width: 100px; vertical-align: middle; font-size: 14px; background-color:#f9f9f9;}
.dataformrightcol { text-align: left; width: 250px; }
.dataform td, th { padding: 8px; }

/**************************************************************************************************************
 * Grid View
 **************************************************************************************************************/
.GridViewStyle{ font-size:small; table-layout: auto; border-collapse: collapse; border: #1d1d1d 5px solid;}
.HeaderStyle, .PagerStyle { background-image: url(Images/HeaderGlassBlack.jpg); background-position:center; background-repeat:repeat-x; background-color:#1d1d1d;}
.HeaderStyle th{ padding: 5px; color: #ffffff;}
.HeaderStyle a{ text-decoration:none; color:#ffffff; display:block; text-align:left; font-weight:normal;}
.PagerStyle table{ text-align:center; margin:auto;}
.PagerStyle table td{ border:0px; padding:5px;}
.PagerStyle td{ border-top: #1d1d1d 3px solid;}
.PagerStyle a{ color:#ffffff; text-decoration:none; padding:2px 10px 2px 10px; border-top:solid 1px #777777; border-right:solid 1px #333333; border-bottom:solid 1px #333333; border-left:solid 1px #777777;}
.PagerStyle span{ font-weight:bold; color:#FFFFFF; text-decoration:none; padding:2px 10px 2px 10px;}
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/{ padding: 5px; border-right: solid 1px #1d1d1d;}
.RowStyle td{ background-color: #c9c9c9;}
.AltRowStyle td{ background-color: #f0f0f0;}
.SelectedRowStyle td{ background-color: #ffff66;}

/******************************************************************************
 * ASP.NET Controls
 ******************************************************************************/
/* <asp:ValidationSummary /> */
.aspvalidationsummary { color: #fff; background-color: #c00; margin: 0; padding: 4px; }
.aspvalidationsummary ul { margin: 0; padding: 0; list-style: none; }
.aspvalidationsummary li { margin: 0; padding: 0; font-size: 8pt; font-weight: normal; }

/* <asp:Button /> */
.aspbutton { background: #660000; border: solid 2px grey; font-size: 10px; font-weight: bold; text-transform:uppercase; color: #FFFFFF; height: 28px;}
.aspbutton:hover{ background: #606369; border: solid 2px grey; font-size: 10px; font-weight: bold; text-transform:uppercase; color: #FFFFFF; height: 28px; }
.ie aspbutton { width: auto; overflow: visible; padding: 0 0 0 4px; } /* button browser specific tweaks */

/* <hc:Dialog /> */
.dialog { color: #000; background-color: #fff; border: solid lighgrey 2px; }
.dialog_title { color: #fff; background-color: #494949; font-size: 10pt; font-weight: bold; padding: 4px; text-align: left; }
.dialog_content { text-align: left; }
.dialog_content .gv, .dialog_content .dv, .dialog_content table, .dialog_content p { margin: 10px 10px 0 10px; }
.dialog_buttons { padding: 10px; text-align: right; }
.dialog_background { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }

/**************************************************************************************************************
 * Page Styles
 **************************************************************************************************************/
/* ~/Admin/Roles.aspx */
#roles { width:740px; }
#roles .list { margin: 0 10px; padding: 10px; border: 2px solid #777; background-color: #ddd; }
#roles .list table { margin: 0; padding: 0; }
#roles .list td { padding: 4px; }
#roles .list label { margin-left: 5px; }
#roles .note { margin: 0 10px; }

/************************************************************************************
 * AjaxControlToolkit Popup Calendar
 ************************************************************************************/
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:240px;font-size:11px;text-align:center;font-family:tahoma,helvetica;}
.ajax__calendar_body {height:139px;width:240px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TD {font-size:8pt;padding:0;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(Images/arrow-left.gif);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(Images/arrow-right.gif);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:lightgrey;color:#494949;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:lightgrey;color:#494949;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:lightgrey;color:#494949;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#494949;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#494949;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#494949;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#494949;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#494949;}
