*{margin:0; padding:0;}

body{
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

.container{
	margin: 0 auto;
    width: 60%;
    text-align: left;
    background-color: #6D84B4;
    border: 3px solid #3B5998;
	min-width:850px;
}

a img{
	border:0px;
}

#title{
	color:#ccc;
	font-size:3em;
	margin-top:30px;
	margin: 0 auto;
	width:60%;
	text-align:left;
	min-width:800px;
	margin-bottom:3px;
}

#footer{
	color:#ccc;
	font-size:1em;
	width:60%;
	text-align:right;
	margin: 0 auto;
	margin-top: 10px;
	min-width:800px;
}

.top{
	background-color:#6D84B4;
	color:#fff;
	padding:10px;
	padding-top:0px;
	height:2em;
	font-stretch:extra-expanded;
}

.tleft{
	float:left;
	width:75%;
	font-size:2em;
	font-weight:bold;
	text-transform:lowercase;
}

.tright{
	float:right;
	text-align:right;
	width:20%;	
}

.content{
	background-color:#fff;
	padding:10px;
}

.bottom{
	background-color:#6D84B4;
	color:#ccc;
	padding:10px;
	padding-bottom:0px;
	text-align:center;
}

#footer a:link, #footer a:visited{
	color:#999;
	text-decoration:none;
}

#footer a:active, #footer a:hover{
	color:#ccc;
	text-decoration:underline;
}

.bottom a:link, .bottom a:visited{
	color:#ccc;
	text-decoration:underline;
}

.bottom a:active, .bottom a:hover{
	color:#fff;
	text-decoration:none;
}

.top a:link, .top a:visited{
	color:#fff;
	text-decoration:underline;
}

.top a:active, .top a:hover{
	color:#000;
	text-decoration:none;
}

a:link, a:visited{
	color:#0033FF;
	text-decoration:underline;
}

a:hover, a:active{
	color:red;
	text-decoration:none;
}

.error{
	margin:10px;
	border:1px solid #dd3c10;
	background-color: #ffebe8;
	padding:5px;
	font-weight:bold;
	text-align:center;
}

.title{
	font-size:2em;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}

.input, .input2{
	font-family: Verdana,Tahoma,Arial,sans-serif;
	padding:1px;
	font-size:0.8em;
	border:1px solid #a0a0a0;
}

.input2{
	font-size: 0.9em;
}

.select{
	font-weight:bold;
	font-size:12px;
}

.small{
	font-size:0.8em;
}

#navigation{
	border-top:1px solid #3B5998;
	border-bottom:1px solid #3B5998;
	clear:both;
	height:2.2em;
	line-height:2.2em;
	margin:0 1px;
	background:#6D84B4;
	color:#ffffff;
}

#navigation li{
	float:left;
	list-style-type:none;
	border-right:1px solid #3B5998;
	white-space:nowrap;
}

#navigation li a{
	display:block;
	padding:0 10px;
	font-size:0.8em;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	background-color:inherit;
	color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
	background:#80b0da;
	color:#ffffff;
	text-decoration:none;
}

.box{
	margin: 20px 20px 10px 20px;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;
	float:left;
	width:180px;
}


.qbox{
	margin: 20px 20px 10px 20px;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;
}

.qboxInv{
	margin: 20px 20px 10px 20px;
	padding:0px;
	border:1px solid #fff;
}

.left,.right{
	width:49%;
	float:left;
}

.ibox{
	margin:0 auto;
	margin-top:10px;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	width:60%;
	text-align:center;
}

.mbox{
	margin: 20px 20px 20px 10px;
	padding:5px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	width:90%;
}


.center{
	margin:0 auto;
	text-align:center;
	margin-top:3em;
	margin-bottom:3em;
}

.altbox{
	margin:0 auto;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	width:250px;
}

.altbox a{
	font-size: 0.8em;
}

.altbox table{
	width:100%;
}

.content h2{
	display:block;
	margin:0 0 16px 0;
	font-size:1.7em;
	font-weight:normal;
	letter-spacing:-1px;
	color:#505050;
	background-color:inherit;
}

.content h2 a{font-weight:normal;}
h3{margin:0 0 5px 0; font-size:1.4em; font-weight:normal; letter-spacing:-1px;}
.content a:hover{text-decoration:underline;}
.content ul,#content ol{margin:0 5px 16px 35px;}
.content dl{margin:0 5px 10px 25px;}
.content dt{font-weight:bold; margin-bottom:5px;}
.content dd{margin:0 0 10px 15px;}


.datatable{
	border:1px solid #666;
	border-collapse:collapse;
}

.datatable th{
	font-family: "lucida grande", verdana, sans-serif;
	font-weight:bold;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
	padding:3px;
}

.datatable tfoot th{
	border-top:1px solid #666;
	font-weight:normal;
	font-size: 8pt;
}

.datatable tbody tr td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 8pt;
	padding: 3px 8px;
	background-color: #fff;
}

.datatable tbody tr.odd  td {
	background-color: #eee;
}

.datatable tbody tr:hover td{
	background-color:#ffffcc;
}

.datatable caption{
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 1.5em;
	padding-bottom:2px;
	font-weight:bold;
	margin:0 auto;
	margin-top:1.5em;
}

.datatable a:link, .datatable a:visited, .datatable th a:active, .datatable th a:hover{
	color:#000;
	text-decoration:underline;
}

.datatable .header{
	margin:0 0 5px 0; font-size:1.4em; font-weight:normal; letter-spacing:-1px;background-color:#ccc;
}

.datatable .header:hover {
	background-color:#ccc;
}

.datatable .header a{
	padding-right:20px;
	background-image:url('../imgs/pencil.png');
	background-position:right;
	background-repeat:no-repeat;
	text-decoration:none;
	color:inherit;
}

.datatable a:hover, .datatable a:active, .datatable th a:link, .datatable th a:visited{
	color:#000;
	text-decoration:none;
}


/*
.aQuestion:hover{
	background-color:#ffffcc;
}
*/

.sample{
	font-family:"Courier New", Courier, monospace;
	line-height:1em;
	text-align:left;
	width:50%;
	border:1px solid #ccc;
	padding:3px;
	margin:0 auto;
}

.btn { display: block; position: relative; background: #aaa; padding: 5px; width:150px; margin: 0px auto; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
.btn * { font-style: normal; background-image: url('../imgs/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span, * html .btn i { width: 120px; text-align: center; padding: 0px; display: block; margin: 0px auto; background-image: none; cursor: pointer;}

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn.red { background-color: #444;}
.btn.red:hover { background-color: #a00;}
.btn:hover { background-color: #a00;}
.btn:active { background-color: #444; }
.btn[class] { background-image: url(../imgs/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

.btnC { display: block; position: relative; background: #aaa; padding: 5px; width:250px; margin: 0px auto; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
.btnC * { font-style: normal; background-image: url('../imgs/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.btnC i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btnC span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btnC span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btnC span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btnC span, * html .btnC i { width: 120px; text-align: center; padding: 0px; display: block; margin: 0px auto; background-image: none; cursor: pointer; }

.btnC.blue { background: #2ae; }
.btnC.green { background: #9d4; }
.btnC.lime { background: #bbce00; }
.btnC.pink { background: #e1a; }
.btnC:hover { background-color: #a00; color: #fff; }
.btnC:active { background-color: #444; color: #fff; }
.btnC[class] {  background-image: url('../imgs/shade.png'); background-position: bottom; }

* html .btnC { border: 3px double #aaa; }
* html .btnC.blue { border-color: #2ae; }
* html .btnC.green { border-color: #9d4; }
* html .btnC.lime { border-color: #bbce00; }
* html .btnC.pink { border-color: #e1a; }
* html .btnC:hover { border-color: #a00;} 

.btn:link,.btn:hover,.btn:active,.btn:visited{color:#fff;text-decoration:none;}
.btnC:link,.btnC:hover,.btnC:active,.btnC:visited{color:#fff;text-decoration:none;}

#section{
	margin:0 auto;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;
	width:60%;
	padding:4px;
	font-size:1em;
	text-align:center;
}

.wizardTitle{
	padding-top:10px;
	padding-bottom:5px;
}

.tablePrompt{
	padding:10px;
}

.tablePrompt td{
	padding:3px;
}

.question{
	padding-bottom:15px;
	margin-left:15px;
	padding-left:15px;
	background-image:url('../imgs/bullet_blackLow.png');
	background-repeat:no-repeat;
	background-position:top left;
}

.aQuestion{
	padding:10px;
	text-align:left;
}

.question:hover, .aQuestion:hover{
	background-color:#ffffcc;
	padding:10px;
	text-align:left;
}

.qType{
	font-size:0.8em;
	color:#999;
}

.subQuestion{
	margin-left:20px;
}

.addOpt{
	margin-left:15px;
	padding-left:10px;
	background-image:url('../imgs/plus_small.png');
	background-repeat:no-repeat;
	background-position:left;
	font-size:0.8em;
}

.optDiv{
	margin-left:15px;
	padding-left:15px;
	background-image:url('../imgs/bullet_green.png');
	background-repeat:no-repeat;
	background-position:left;
}

.practiceLabel{
	width:130px;
	display:block;
	float:left;
}

.practiceInput{
	float:left;
}

.practiceq{
	border-top:1px solid #000;
	padding:15px;
	clear:both;
	padding-bottom:15px;
}

.practiceq:hover{
	background-color:#ffffcc;
}

.overflow{
	overflow:auto;
	height:5em;
	border:1px solid #ccc;
}

/*Tabs*/
#tabs{
  width:85%;
  /*background:#F4F4F4;*/
  font-size:93%;
  line-height:normal;
  margin:0 auto;
}

#tabs ul {
  margin:0;
  padding:10px 10px 0 0;
  list-style:none;
  float:right;
  }
#tabs li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabs a {
  float:left;
  background:url("../imgs/tableftB.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabs a span {
  float:left;
  display:block;
  background:url("../imgs/tabrightB.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#666;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
  color:#000;
  }
#tabs a:hover {
  background-position:0% -42px;
  }
#tabs a:hover span {
  background-position:100% -42px;
  }
 
.tabBox{
	background-color:#f4f4f4;
	width:85%;
	margin: 0 auto;
	clear:both;
	border:1px solid #ccc;
	padding:10px;
}

.active{
	color:#009900;
	font-size: 2.2em;
	letter-spacing:+1px;
}

.inactive{
	color:#ff0000;
	font-size: 2.2em;
	letter-spacing:+1px;
}

.errMsg {
	color: red;
	display: inline;
	font-size:0.8em;
}
.errFld {
	border:1px solid red;
}

p{
	margin-top:5px;
	margin-bottom:5px;
}

.dhtmlgoodies_window{
	width:300px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:0.9em;
	position:absolute;
	overflow:hidden;	
	z-index:10000;	
	
	
}
.dhtmlgoodies_window div{
	position:relative;
}
.dhtmlgoodies_window .dhtmlgoodies_window_top{
	width:100%;
	height:17px;
	position:relative;
	background-color: #707070;
	
	
}

.dhtmlgoodies_window .top_buttons{
	float:right;
	z-index:10;
	position:absolute;
	right:0px;
	width:35px;
	
	
}
.top_buttons img{
	float:left;
	padding-left:2px;
	
}
.dhtmlgoodies_windowMiddle{
	border-left:3px solid #707070;
	
}
.dhtmlgoodies_windowContent{
	border-right:3px solid #707070;
	padding-left:5px;
	padding-right:2px;

	height:100%;
	overflow:hidden;
	background-color:#FFF;
}
.dhtmlgoodies_window_bottom{
	border-left: 3px solid #707070;
	border-right:3px solid #707070;
	border-bottom: 3px solid #707070;
	position:relative;
	height:0px;
	background-color:#FFFFFF;
}
.dhtmlgoodies_window_bottom img{
	float:right;
}
.topCenterImage{
	position:absolute;
	left:3px;
	width:5000px;
	height:17px;
}
.resizeImage{
	position:absolute;
	right:1px;
	bottom:1px;
}

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 12px Arial;
background-color: #707070;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top:0px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
background-color: white;
color: #707070;
height: 150px;
/*padding: 2px;*/
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #707070;
height: 14px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 14px; /*width of resize image*/
height: 14px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

.p1{
	padding-right:10px;
	color:green;
}

.p2{
	padding-right:10px;
	color:blue;
}

.p3{
	padding-right:10px;
	color:yellow;
}

.p4{
	padding-right:10px;
	color:orange;
}

.p5{
	padding-right:10px;
	color:red;
}

/* DB Browser Styles */
.query td {
	padding: 5px;
	border: 1px solid #fff;
	background: #eee;
}

.query .attr_name {
	font-weight: bold;
	background: #ccc;
}

.query tr:hover td {
	background: #FC0;
}