@import "dropdown.css";
@import "dropdown_format.css";

body {
  background-color:#C3C3C3;
	color:#444;
	font:12px/1.55em Arial, sans-serif;
	margin:0px;
	text-align:center;
}

h1, h2, h3, p {
  margin:0 0 10px 0;
	padding:0;
}

p {
  line-height:20px;
}

a:link, a:visited {
  color:#3B77BF;
}

a:hover, a:active {
  color:#2A5789;
	text-decoration:none;
}

img { border:0; }

h1 {
  color: #2A5789;
  font: bold 24px/1.5em Helvetica, "Trebuchet MS", Arial, sans-serif;
}

h2 {
  color: #BC7F3A;/*FF8800;*/
  font: bold 18px/1.5em Arial, sans-serif;
}

h3 {
  color: #435467;/*#444;*/
  font: bold 14px/1.2em Helvetica, "Trebuchet MS", Arial, sans-serif;
  font-weight:bold;
}

h3 a:link, h3 a:visited { text-decoration:none; }
h3 a:hover, h3 a:active { text-decoration:underline; }


/* form elements */
form {
  margin: 0;
}

input, textarea, select {
  background-color:#FFF;
	border:1px solid #DDD;
	font:12px/1.55em Arial, sans-serif;
}

input[type="submit"] {
  background-color:#FFC77F;
	color:#444;
	font:bold 12px/1.55em Arial, sans-serif;
	border:1px solid #FF9000;
	cursor:pointer;
}

input[type="button"] {
  background-color:#FFC77F;
	color:#444;
	font:bold 12px/1.55em Arial, sans-serif;
	border:1px solid #FF9000;
	cursor:pointer;
}

input[type="radio"] {
  border:0;
}

input[type="checkbox"] {
  border:0;
}

hr {
  color:#ddd;
	background-color:#ddd;
	border:0;
  height:1px;
}

/* CUSTOM ELEMENTS ------------------ */
#pageWrap {
  background-color: #f9f8f4;
	margin-right:auto;
	margin-left:auto;
	width:960px;
	padding:0px;
	text-align:left;
}

#pageHeader {
  background-color:#2060b4;/*#2167c1;/*#5d86ba;/*#2167c1;/*#5D7CBA;*/
	background-image: url(http://www.cuestart.com/images/header_panel.gif);
	color:#FFF;
	font:11px/1.55em Arial, sans-serif;
	padding:10px;
	vertical-align:bottom;
	height:100px;
}
#pageHeader a:link, #pageHeader a:visited { color:#DDD; }
#pageHeader a:hover, #pageHeader a:active { color:#CCC; }

#navigationPanel {
  /*background-color:#294E7B;
	background-image: url(http://www.cuestart.com/images/gray_bg2.jpg);
	background-repeat: repeat-x;*/
	background-color:#31455B;/*18222D;/*31455B;/*14273D;/*#5D86BA;*/
	height:32px;
}

.bodyWrap {
  padding:10px;
}

.sidePanel {
  width:200px;
	/*background-color:#FFC37F;/*#FFC77F;*/
	background-color:#fff;/*#FFC77F;*/
	border-left:2px solid #ddd;
	padding:10px;
}

.sidePanel h2 { margin-top:0; }
.sidePanel h3 { }
.sidePanel hr {
  color:#f2f0f0;
	background-color:#f2f0f0;
	border:0;
  height:1px;
}

.sidePanel table {
  border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}

.sidePanel td {
  border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:4px;
}

.logoWrap {
  position:relative;
  float:left;
}

.headerLoginWrap {
  position:relative;
  float:right;
}

/* ========================================================================== */

.block {
  margin-bottom:10px;
	border:1px solid #DDD;
	background-color:#fff;
}


.block .blockHeader {
  padding:10px 10px 0 10px;
	/*font: bold 16px/1.5em Helvetica, Trebuchet MS, Arial, sans-serif;
	color: #2A5789;
	border-bottom:2px solid #DDD;
	background-color:#f3f3f3;
	padding:5px;*/
}

.block .blockContent {
  padding:0 10px 10px 10px;
}

.block .blockContentNoHeader {
  padding:10px;
}

/* ========================================================================== */

.largeText {
  color: #444;
  font: normal 14px/1.2em Helvetica, Trebuchet MS, Arial, sans-serif;
	line-height:24px;
}

.largeLink {
  font: bold 16px/1.2em Helvetica, Trebuchet MS, Arial, sans-serif;
	border:1px solid #DDD;
}

.largeLink a:link, .largeLink a:visited { 
  text-decoration:none; 
	color:#fff;/*FF8000; */
	background-color:#3B77BF;
	display:block; 
	padding:10px;
}
.largeLink a:hover, .largeLink a:active { 
  text-decoration:none; 
	color:#fff;/*FF9000; */
	background-color:#2A5789;
	display:block; 
	padding:10px;
}


.largeTextEmphasis {
  color: #3B77BF;/*2A5789;*/
  font: bold 18px/1.5em Helvetica, Trebuchet MS, Arial, sans-serif;
}


/* ========================================================================== */

#footerWrap {
  font:11px/1.55em Arial, sans-serif;
	border-top:2px solid #DDD;
	background-color:#eee;
	padding:5px;
}

#footerWrap p {
  margin:0px;
}

/* ========================================================================== */

.problem {
  background-color:#FFE3BF;
	border:1px solid #FF9000;
	padding:5px;
	margin-bottom:10px;
}

.emphasis {
  color:#2A5589;
  font-weight:bold;
}

.success {
  background-color:#E7FFBF;
	border:1px solid #63C66D;
	padding:5px;
	margin-bottom:10px;
}
/* ----------------------------- */
.dataTable {
  border-top:1px solid #DDD;
	border-left:1px solid #DDD;
	background-color:#fff;
}

.dataTable th {
  border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	padding:4px;
	background-color:#F3F3F3;
	font-weight:bold;
}

.dataTable td {
  border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	padding:4px;
}

/* Look to phase this out */
.dataCell {
  border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	padding:4px;
}

/* ----------------------------- */

.blockList {
		border-bottom:1px dotted #DDD;
		padding:4px;
}

.code {
   padding:0px 7px 0px 7px;
	 background-color:#FAFAFA;
	 color: #001144;
	 font-family: "Courier New", Courier, monospace;
	 border:1px solid #DDDDDD;
	 margin-bottom:7px;
}