﻿
body {
  background-color: #eeeeee;
  font-size: 10pt;
  line-height: 1.5; 
  font-family: Verdana, Sans-Serif;
  color: #333333;
  margin: 0px;
  padding: 0px; }
  
html {overflow-y: scroll;}

.background{background-color:#ffffff;  
  font-size: 10pt;
  line-height: 1.5; 
  font-family: Verdana, Sans-Serif;}

a{outline: none;}
a, a:link, a:visited {color:#4169e1;}
a:hover {text-decoration:underline;}

.bkg
{
    background-image: url(/App_Themes/red/images/header); /* change theme */
    background-color: #ffffff;
    background-repeat: repeat-x;
    color: #ffffff; /* change theme */
    font-size: medium;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
}
 
.header
{
    background-image: url(/App_Themes/red/images/logo.jpg); /* change theme */
    background-repeat: no-repeat;
    color: #CC3300; /* change theme */
    font-size: medium;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    height: 125px;
    cursor: pointer;
}

.logo 
{ 
    background-image: url(/App_Themes/red/images/); /* change theme */
    background-repeat: no-repeat;
    padding: 0; 
    width:212px; 
    height:160px;
}

.bar
{
    background-image: url(../../App_Themes/red/images/); /* change theme */
    background-repeat: repeat-x;
    background-color: #336699;
    height: 11px;
}

.tagline { 
    width:828px;  
    text-align:right; 
    padding:0 0 40px 0; 
    color:#336699; 
    font-size: 1.6em;
    font-weight: bold;
    font-style:normal;
    font-family: Helvetica,Arial;
    letter-spacing:-1px; 
    line-height: 110%;
} 


/* Horizontal nav               */
/*-----------------------------*/

#tabs {
	float:left;
	width:100%;
	font-size:90%;
	line-height:normal;
	border-bottom:0px solid #666;
	margin-bottom:0; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("/App_Themes/red/images/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("/App_Themes/red/images/right.png") no-repeat right top;
	padding:4px 15px 4px 8px;
	margin-right:2px;
	color:#336699;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {color:#fff;
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}

.box {
    background: #fff;
    margin: 10px 0px 0px 20px;
	padding: 10px; 
	width: 90%;
	height: 700px;   
	margin-left: auto;
    margin-right: auto;
    }

.box2 {
	float: none;
    background: #fff;
    margin: 0;
	padding: 30px 0 0 0;
	}
	
.box3 {
	float: right; 
    background: #fff;
    margin: 0 0 0 0;
	padding: 38px 0 0 0; 
	width: 220px; display:block;
	background-image: url(/App_Themes/black/images/column_bkg.jpg); 
	background-repeat:no-repeat; 
	}

	
.bl {background: url(/App_Themes/red/images/bl.gif) 0 100% no-repeat #eeeeee;}
.br {background: url(/App_Themes/red/images/br.gif) 100% 100% no-repeat}
.tl {background: url(/App_Themes/red/images/tl.gif) 0 0 no-repeat}
.tr {background: url(/App_Themes/red/images/tr.gif) 100% 0 no-repeat; padding:10px;}
.clear {font-size: 1px; height: 1px}

	dl {
		width: 200px;
		margin: 0 0 20px 20px;
		padding: 0;
		background: #ccc url(/App_Themes/red/images/box_bottom.png) no-repeat bottom left;
		}

	dt {
		text-align:center;
		font-size: 95%;
		color: #fff;
		border-bottom: 0px solid #fff;
		background: #999 url(/App_Themes/red/images/box_top.png) no-repeat top left;
		}
	
	dd {
		margin: 0 0 0 0;
		padding: 0 8px 10px 8px;
		color: #000066;
		font-family: Verdana, sans-serif;
		font-size: 100%;
		}
		
	#blue dt {
		background-color: #336699;
		}
	
	#blue {
		background-color: #83a8cc;
		}
		
	#gray dt {
		background-color: #ff0000;
		}
	
	#gray {
		background-color: #ddd;
		}
	
	#red dt {
		background-color: #933;
		}
	
	#red {
		background-color: #cc9;
		}
	
	#green dt {
		background-color: #9c6;
		}
	
	#green {
		background-color: #cf9;
		}

hr 
{
	border: 0;
	border-top: 1px solid #999999;
	height: 1px;
	width: 95%;
}

h1
{ 

    color: #f5f5f5; 
    font-size: 23px;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    margin: 0;
    padding: 0;
}

h2
{

    color: #336699; 
    font-size: 1.5em;
    font-weight: bold;
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
    margin: 0;
    padding: 10px 0 10px 0;
}

h3
{

    color: #696969; 
    font-size: 15px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    margin: 0;
    padding: 0; 
}

h4
{
    float:left;
    color: #CC0000;
    font-size: 15px;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    margin: 0;
    padding:2px 0 0 40px;
}

.fillone
{
    background-color: #cccccc;/* change theme */
    border-width: 1px;
    border-style: solid;
    border-color: #a9a9a9; /* change theme */
    color: #333333; /* change theme */
    font-size: 12pt;
    font-weight: bold;
    font-family: Arial;
    padding: 0 0 0 1em;
}



.formbutton
{
    cursor:pointer;
    font-family: arial,sans-serif;
    font-size: 90%;
    font-weight:normal;
}

.border
{
    border-width: 1px;
    border-style: solid;
    border-color: #000000; /* change theme */
    margin-left: auto;
    margin-right: auto;
}

.borderfill
{
    border-color: #a9a9a9; /* change theme */
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    background-color: #f3f3f3;
    margin-left: auto;
    margin-right: auto; 
}
.bordersearch
{
    border-color: #a9a9a9; /* change theme */
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    background-color: #f3f3f3;

}

.bordertop {border-top: 1px solid #333;}
.borderbottom {border-bottom: 1px solid #333;}

img {border-width: 0; vertical-align: middle; margin: 0px;}
.underline {text-decoration: underline}
.spacer {height: 8px; width: 100px}
.spacerm {height: 12px; width: 100px}
.spacermd {height: 16px; width: 100px;} 
.center {margin-left: auto; margin-right: auto;}
.centertext {text-align: center;}

  
/* filedset                */
/*-----------------------------*/

fieldset
{
border: 1px solid #333366; width:500px;
padding-left:8px;    
margin-left: auto;
margin-right: auto; 
}

legend
{
    color: #f3f3f3;
    font-weight: bold;
    background: #336699; /* change theme */
    border: 1px solid #000033; /* change theme */
    padding: 2px 6px;
} 

label
{
  float:left; 
  width:25%;
  margin-right:0.1em;
  padding-top:0.2em;
  text-align:right;
}

.message
{  
    font-family: Verdana,Arial;
    font-size: 98%;
    font-weight: normal;
    color: Red;
    padding: 0 0 0 0;
}


  .forms
{
    margin-left: auto;
    margin-right: auto;
    padding: 5px 5px 5px 10px;
    width: 500px;
 }
 
.footer
{
    width:875px;
    height:35px;
    margin: 40px 0 0 0; 
    border-top: 1px solid #83a8cc;
    background: #ccddee;
	font-size: 10px;
}
	.footer a {color: #336699; text-decoration:none;}
	.footer a:visited {color: #336699; text-decoration:none;}
	.footer a:hover {color: #83a8cc; text-decoration:none;}
	
	.footer_copy {padding:0 0 0 15px;}	
	
	.footer_navigation {float: right;padding:0 20px 0 0;}
	.footer_navigation li {float: left;padding-left:18px; list-style:none;}
	.footer_navigation li a {text-transform:uppercase;list-style:none; text-decoration:underline;}
	.footer_navigation li a:visited {color: #336699;list-style:none; text-decoration:underline;}
	.footer_navigation li a:hover {color: #83a8cc;list-style:none; text-decoration:underline;}


/* Admin */

.headeradmin
{
    background-color: #83a8cc; /* change theme */
    color: #f5f5f5; /* change theme */
    font-size: medium;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    height: 80px;
}

.sidebar
{
    width: 160px;
    vertical-align: top;
    background-color: #dcdcdc;
}

.basictab  /* change theme */
{
margin: 4px 0 0 0;  
padding: 2px 15%;
margin-left: 0;
font: bold 12px Verdana;
background-color: #83a8cc;
border-bottom:1px solid #336699; 
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{ 
text-decoration: none;
padding: 2px 12px;
margin-right: 3px; 
border: 1px solid #336699;
border-bottom: none;
background-color: #336699;/* change theme */
color: #f3f3f3; /* change theme */
}

.basictab li a:visited{
color: #f3f3f3;/* change theme */
}

.basictab li a:hover{
background-color: #5788b8;/* change theme */
color: white;/* change theme */
text-decoration: none;
}

.basictab li a:active{
color: #f3f3f3;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #cc99cc;/* change theme */
color: black;
}

.blackline 
{background-image: url(/App_Themes/red/images/blackline.gif); width:1px;}

.footeradmin
{
    border-color: #333366;
    color: #696969;
    font-size: 8pt;
    font-weight: normal;
    font-family: Arial, Sans-Serif;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.nav a:link {color: #FFFAFA; text-decoration: none; display:block;} /* change theme */
.nav a:visited {color: #FFFAFA; text-decoration: none; display:block;} /* change theme */
.nav a:hover {color: #ffffff; text-decoration: none; display:block;} /* change theme */

/* ie8 fix menu.ascx */
.IE8Fix{z-index: 100;}

#rnd_container_red {background: #FF1717; margin:1px;}
    
    .rnd_topred, .rnd_bottomred {display:block; background:#FF1717; font-size:1px;}
    .rnd_b1red, .rnd_b2red, .rnd_b3red, .rnd_b4red {display:block; overflow:hidden;}
    .rnd_b1red, .rnd_b2red, .rnd_b3red {height:1px;}
    .rnd_b2red, .rnd_b3red, .rnd_b4red {background:#FF1717; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
    .rnd_b1red {margin:0 5px; background:#CCCCCC;}
    .rnd_b2red {margin:0 3px; border-width:0 2px;}
    .rnd_b3red {margin:0 2px;}
    .rnd_b4red {height:2px; margin:0 1px;}
    
    .rnd_content_red {
    display:block;
    border:0 solid #CCCCCC;
    border-width:0 1px;
    padding: 4px;
    background:#FF1717;
    color:#ffffff;
}

.fillfour
{
    color: #ffffff; /* change theme */
    font-size: 11pt;
    font-weight: normal;
    font-family: Arial;
    text-decoration: underline;
    /* font-style:oblique; */
}









