/* CSS for aUJSproduction.com website */

/*
 --- colors ---
Red Base
100% = #FF0000  red for unvisited link
7% = #FFEEEE   hover with black text

Red secondary
100% = #D00000   visited link
7% = #FCEEEE

Black Base
100% = #000000
50% = #808080
10% = #E6E6E6

Black secondary
100% = #303030

*/


*
{
    font-family: Catriel, Verdana, Sans-Serif;
}

xx-small
{
    font-size: 8pt;
}

x-small
{
    font-size: 8pt;
}

small
{
    font-size: 10pt;
}

medium
{
    font-size: 12pt;
}

large
{
    font-size: 14pt;
}

x-large
{
    font-size: 16pt;
}

xx-large
{
    font-size: 18pt;
}

form
{
    margin: 0;
    padding: 0;
}

body
{
    margin: 0;
    padding: 0;
    font-size: medium;
}

a:link
{
    color: #FF0000;
}

a:visited
{
    color: #D00000;
}

a:hover
{
    color: #303030;
    text-decoration: none;
    background-color: #FFEEEE;
    border-top: 1px dashed #D00000;
    border-bottom: 1px dashed #D00000;
}

#headerTop
{
    position: absolute;
    top: -2px;
    margin: 0px;
    padding: 0;
    color: #000;
    font-weight: bold;
    text-align: left;
    background-color: Transparent;
}

a:link.headerlink, a:visited.headerlink, a:hover.headerlink
{
    color: #D00000;
    text-decoration: none;
    cursor: pointer;
    background-color: Transparent;
    border-top: 0px dashed #D00000;
    border-bottom: 0px dashed #D00000;
}


#headerPic
{
    top: 0;
    right: 0;
    clear: both;
    height: 112px;
    background-color: #777;
    border-bottom: 3px solid #888;
}



h2, h2.nonTop
{
    margin: 0px -10px 8px -10px;
    padding: 8px 0px 2px 0px;
    text-align: center;
    color: #D00000;
    font-size: large;
    border-bottom: 3px solid #f0f0f0;
}


h3
{
    margin: 5px 0 0 0;
    padding: 0;
    text-align: center;
    font-size: large;
    font-style: oblique;
    color: #D00000;
}


ul
{
    list-style-type: circle;
}

li
{
    margin: 8px 25px 0px -10px;
}

.Button
{
	font-size: small;
	color: #FF0000;
	background-color: #F0F0F0;
}


.LogoInText
{
    color: #D00000;
    font-style: oblique;
}

.errortext
{
    color: #FF0000;
}

/* Panel containers */

.CopyrightPanel
{
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 25px 0px;
    font-size: small;
    text-align: center;
    height: 1%;
    border-top: 3px solid #f0f0f0;
}


.MenuPanel
{
    clear: both;
    margin: 0;
    padding: 8px 10px;
    background-color: #F5F5F5;
    border-bottom: 1px solid #D00000;
}

.MenuPanel p
{
	margin: 0;
	padding: 0;
}

.MenuPanel p.menudate
{
	float: right;
	margin: 0;
	padding: 0;
	color: #303030;
	font-size: large;
}

.ContentContainer
{
    margin: 0 auto 15px auto;
    padding: 0;
    width: 1000px;
}

.ContentPanel1,
.ContentPanel2,
.ContentPanel3,
.ContentPanel4,
.ContentPanel5,
.ContentPanel6,
.ContentPanel7,
.ContentPanel9,
.ContentPanel10
{
    float: left;
    margin: 20px 10px 5px 10px;
    padding: 15px 20px 5px 20px;
    font-size: medium;
    width: 350px;
    background-image: url(../_images/GradientCurve235.jpg);
    background-repeat: no-repeat;
    border-left: 3px solid #f0f0f0;
}

.ContentPanel1
{
	padding-top: 15px;
}

.ContentPanel2
{
    width: 250px;
    padding: 15px 20px 15px 20px;
    font-size: medium;
}

.ContentPanel2 p
{
    margin: 0px 0px 15px 0px;
}

.ContentPanel3
{
    width: 200px;
    padding: 15px 20px 15px 20px;
    font-size: small;
}

.ContentPanel3 p
{
    margin: 0px 0px 10px 0px;
}

.ContentPanel4, .ContentPanel5
{
    width: 450px;
    padding: 0px 10px 15px 10px;
    font-size: small;
}

.ContentPanel4 p, .ContentPanel5 p
{
    margin: 0px 0px 15px 0px;
}


.ContentPanel5
{
    float: right;
}


.ContentPanel5 ul p
{
    margin: 5px 15px;
}


.ContentPanel6
{
    float: left;
    width: 400px;
    padding: 0px 10px 15px 10px;
    font-size: small;
}

.ContentPanel7
{
    float: left;
    width: 470px;
    padding: 0px 10px 15px 10px;
    font-size: small;
}

.ContentPanel6 p, ContentPanel7 p
{
    margin: 0px 0px 10px 0px;
}

.ContentPanel7 th
{
    font-style: oblique;
    border-bottom: 1px solid #000000;
    padding-bottom: 5px;
    text-align: center;
}

.ContentPanel7 td
{
    text-align: center;
    padding: 3px;
}

.ContentPanel9
{
	width: 800px;
    margin: 20px auto 20px 100px;
    padding: 5px 0 0 0;
    text-align: center;
}

.ContentPanel10
{
	clear: both;
	width: 800px;
    margin: 20px 95px 20px;
    padding: 10px;
    text-align: left;
}

.RedListbox 
{
	background: #FFE6E6;
	color: Red;
	}
	
.GreenListbox 
{
	background: #E6FFE6;
	color: Green;
	}
	
.BlueListbox 
{
	background: #EEEEFF;
	color: Blue;
	}
	

.ContentPanel8
{
    clear: both;
    width: 880px;
    margin: 0px auto 20px auto;
    padding: 0px 10px 15px 10px;
    font-size: medium;
    border: 1px solid #D00000;
}

.ContentPanel8 p
{
    margin: 0px 0px 15px 0px;
}

.codeblock
{
    font-family: Courier New, Courier;
    font-size: 8pt;
    background: #F5F5F5;
}

/* Color Mixer / Gradient Styles */

.TensRowFormat
{
    font-weight: bold;
}

a.ImageLink:link, a.ImageLink:hover
{
	text-decoration: none;
	border: 0;
}



.QuestionPanel,
.ResultsPanel
{
	margin: 0;
    padding: 0 0 10px;
    font-size: 10pt;
}

.QuestionPanel label
{
    margin: 0 0 0 5px;
    padding: 0 5px;
    background-color: #f0f0f0;
    border-left: 1px dotted #d0d0d0;
    border-bottom: 1px dotted #d0d0d0;
}

.QuestionPanel label:hover
{
    color: #ffffff;
    background-color: #606060;
}


.Question
{
    color: #505050;
}

.Responses
{
}

.BarGraph
{
    margin: 2px 0 7px;
    height: 1px;
    border-top: 2px solid #ff0000;
    border-bottom: 2px solid #a0a0a0;
}

.NoGraph
{
    margin: 3px 0 0;
    padding: 0;
    height: 2px;
}

.ArchiveResultsPanel
{
    float: left;
    margin: 20px;
    padding: 10px;
    width: 500px;
    font-size: 10pt;
}



/* Pop up Calendar Styles - overrides AJAX Defaults  ================================================= */
.PopUpCalendar .ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:185px;font-size:12px;text-align:center;font-family:Lucida Sans Unicode,Verdana,Sans-Serif,helvetica;}
.PopUpCalendar .ajax__calendar_body {height:125px;width:185px;position:relative;overflow:hidden;margin:auto;}
.PopUpCalendar .ajax__calendar_days,
.PopUpCalendar .ajax__calendar_months,
.PopUpCalendar .ajax__calendar_years {top:0px;left:0px;height:150px;width:180px;position:absolute;text-align:center;margin:auto;}
.PopUpCalendar .ajax__calendar_container TABLE {font-size:12px;border-bottom:0;}
.PopUpCalendar .ajax__calendar_header {height:18px;width:100%;}
.PopUpCalendar .ajax__calendar_prev {cursor:pointer;width:25px;height:20px;margin:-4px 0 0 -4px;padding:0;float:left;border-bottom: 1px solid #ECDACF;border-right: 1px solid #ECDACF;background-color:#ECD9CF;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.PopUpCalendar .ajax__calendar_next {cursor:pointer;width:25px;height:20px;margin:-4px -4px 0 0;padding:0;float:right;border-bottom: 1px solid #ECDACF;border-left: 1px solid #ECDACF;background-color:#ECD9CF;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
.PopUpCalendar .ajax__calendar_title {cursor:pointer;font-weight:bold;}
.PopUpCalendar .ajax__calendar_footer {height:18px;}
.PopUpCalendar .ajax__calendar_today {cursor:pointer;padding-top:3px;}
.PopUpCalendar .ajax__calendar_dayname {height:15px;width:20px;text-align:right;padding:0 2px;}
.PopUpCalendar .ajax__calendar_day {height:15px;width:20px;text-align:right;padding:0 2px;cursor:pointer;overflow:hidden;}
.PopUpCalendar .ajax__calendar_month {height:35px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.PopUpCalendar .ajax__calendar_year {height:35px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.PopUpCalendar .ajax__calendar_container {border:1px solid #a24310;border-width:3px 1px 3px 1px;border-left: 1px solid #ECDACF;border-right: 1px solid #ECDACF;background-color:#ffffff;color:#000000;}
.PopUpCalendar .ajax__calendar_footer {border-top:1px solid #ECDACF;background-color:#ECD9CF;margin:0 -3px -3px -3px}
.PopUpCalendar .ajax__calendar_dayname {border-bottom:1px solid #ECDACF;}
.PopUpCalendar .ajax__calendar_day {border:1px solid #ffffff;}
.PopUpCalendar .ajax__calendar_month {border:1px solid #ffffff;}
.PopUpCalendar .ajax__calendar_year {border:1px solid #ffffff;}
.PopUpCalendar .ajax__calendar_active .ajax__calendar_day {background-color:#ECD9CF;border-color:#a24310;color:#0066cc;}
.PopUpCalendar .ajax__calendar_active .ajax__calendar_month {background-color:#ECD9CF;border-color:#a24310;color:#0066cc;}
.PopUpCalendar .ajax__calendar_active .ajax__calendar_year {background-color:#ECD9CF;border-color:#a24310;color:#0066cc;}
.PopUpCalendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.PopUpCalendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.PopUpCalendar .ajax__calendar_hover .ajax__calendar_day {background-color:#ECD9CF;border-color:#a24310;color:#0066cc;}
.PopUpCalendar .ajax__calendar_hover .ajax__calendar_month {background-color:#ECD9CF;border-color:#a24310;color:#0066cc;}
.PopUpCalendar .ajax__calendar_hover .ajax__calendar_year {background-color:#ECD9CF;border-color:#a24310;color:#0066cc;}
.PopUpCalendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.PopUpCalendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
/* =================================================================================================== */