/* x2concepts.com stylesheet
//
//
*/

/************/
/* Elements */
/************/

body {
	margin: 0px;
	padding: 0px;
  /*font-size: 12px;*/
  font:	11px Verdana, Arial, Helvetica, sans-serif;
	/*font-family: verdana, arial, helvetica, sans-serif;*/
	color: #333;
	background-color: #E6E6E6;
/*
	SCROLLBAR-BASE-COLOR: #7C9BAF;
	SCROLLBAR-ARROW-COLOR: #333;  
*/
}

img { border: 0 none; padding: 0px; margin: 0px; }
img.menu { border: 0 none; padding: 0px; margin: 0px; float: right; }
form { margin:0px; padding:0px; }
select, textarea, input { background-color: #EFEFEF; color: #333 }
input.button { font-weight: bold; }
h1, h2, h3, h4 {
	margin: 0px;
	padding: 4px 0px 4px 0px;
	color:#333;
	background-color: transparent;  
}

h1 {
  font-size: 26px;
  color: #8E8E8E;
  padding: 0px;
}
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }

p { margin: 0px; padding: 0px 0px 15px 0px; }

table, tr, td, th { font-size: 10px; }
td.content { background-color: #EFEFEF; color: #333; }
td.CellHeader { font-weight: bold; background-color: #ADC3D1; color: #333; }
th { font-weight: bold; background-color: #7C9BAF; color: #333; }

a { 
  color: #5D5C5C;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  padding: 0px;
  margin: 0px; }
a:link    { }
a:visited { }
a:hover   { text-decoration: underline; }

/***********/
/* Classes */
/***********/

.strong { font-weight: bold; }
.header { font-weight: bold; font-size:10px; padding:0px 0px 0px 15px; }
.error  { font-weight: bold; font-size:10px; padding:0px 0px 0px 15px; color: #FF0000; background-color: transparent; }
.location { font-weight: bold; font-size:9px; padding:0px 0px 0px 2px; }
.heading { font-size: 18px; font-weight: bold; color:#8E8E8E; background-color: transparent; }
.tiny { font-size: 8px; font-weight: bold; color: #333; background-color: transparent; }

.rollover a { display:block; width:32px; background-color: #FFFFFF; color: inherit; }
.rollover a:hover { background-color: #990000; color: inherit; }

.aleft { text-align: left; }
.aright { text-align: right; }

/********/
/* ID's */
/********/
#Header {
  color: inherit;
  background-image: url(/images/code_tiled_bg.jpg);
	margin: 0px;
	padding: 0px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height: 55px;
	background-color: #7C9BAF;
  /* IE5 Hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 54px; /* the correct height */
}
body>#Header { height: 55px; }

#Gradient {
  background-image: url(/images/gradient2_bg.jpg);
  color: inherit;
  /*background-repeat: no-repeat;*/
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-color: #333;
	border-width: 1px 0px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height: 26px;
	background-color: #7C9BAF;
  /* IE5 Hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 28px; /* the correct height */
}
body>#Gradient { height: 26px; }

#LeftContent {
  position: absolute;
  left: 0px;
  top: 82px;
  width:150px;
	line-height:17px;
  /* IE5 Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
  top: 81px;
}
body>#LeftContent { width: 150px;  top: 82px; }

.CenterContent {
  background-color: #DADADA;
  color: #333;
  margin-top: 10px;
  padding: 10px;
  margin-left: 160px;
  margin-right: 160px;
  border: 1px solid #333;
  text-align: left;
  /* IE5 Hack */
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 170px;
  margin-right: 170px;
}

html>body .CenterContent {
  margin-left: 170px;
  margin-right: 170px;
}

.Spacer {
	margin: 0px;
	padding: 1px;
}

#CenterItem {
  background-color: #DADADA;
  color: inherit;
  margin-bottom: 12px;
  margin-left: 0px;
  margin-right:0px;
  border:1px solid #000;
  /* IE5 Hack */
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 0px;
  margin-right: 0px;
}
html>body #CenterItem {
  margin-left: 0px;
  margin-right: 0px;
}

#RightContent {
  position: absolute;
  right:10px;
  top:100px;
  width:150px;
  /*background:#fff;*/
  /*border:1px solid #000;*/
  /*Again, the ugly brilliant hack.*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
}
body>#RightContent {width:150px;}


.menuheader {
	background-color: #7C9BAF;
	color: inherit;
	top: 0px;
	right: 0px;
	width: 150px;
  height: 21px;
	padding: 0px;
	border-style: solid;
	border-color: #333;
	border-width: 1px 1px 0px 1px;
}

.menufooter {
	background-color: #7C9BAF;
	color: inherit;
	top: 0px;
	right: 0px;
	width: 150px;
  height: 14px;
	padding: 0px;
	border-style: solid;
	border-color: #333;
	border-width: 1px 1px 1px 1px;
}

ul.rollmenu {
  list-style-type: none;
  color: #333;
  background-color: #DEDEDE;
  margin: 0px;
  padding: 0px;
  border-color: #333;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  width: 150px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 150px;
}
html>body ul.rollmenu {width: 150px}

ul.rollmenu li {
  font-weight: bold;
  margin: 0px;
  padding: 1px 0px;
}

ul.rollmenu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #333;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin: 0px;
}

ul.rollmenu a {
  font-weight: normal;
  text-decoration: none;
  color: #333;
  background-color: transparent;
  margin: 0px;
  padding: 0em 0.5em 0em 1.25em;
  width: 100%;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  display: block;
  voice-family: "\"}\"";
  voice-family: inherit;
  padding-left: 1em;
}
html>body ul.rollmenu a {width: auto}

ul.rollmenu a:hover {
  color: #333;
  background-color: #A3B9C7;
  width: 100%;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 148px;
}
html>body ul.rollmenu a:hover {width: auto}

li.selected a  {
  color: #333;
  background-color: #ADC3D1;
  width: 100%;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 148px;
}
html>body li.selected a {width: auto}