@import url(wd_reset.css); 
@import url(colorbox.css);
@import url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery-ui.css);

/* -----------------------------------------------------
Web Driver 2010 - Screen
-------------------------------------------------------- */

* { font-family: "Segoe UI", Arial, sans-serif !important; }

/* Layout
-------------------------------------------------- */
html,body { height: 100%; }
html>body #wd_container { height: 100%; }
#wd_header {
	position: fixed;
	z-index: 10;
	clear: both;
	width: 100%;
	height: 80px; }
	#wd_logo {
		/*position: relative;*/
		float: left;
		width: 210px;
		height: 70px;
		margin-right: 20px;
		overflow: hidden; }
		#wd_logo h1 a {
			display: block;
			padding: 10px 15px 5px 45px;
			/*line-height: 40px;*/ }
			#wd_logo h1 a span {
				/*position: absolute;
				top: 0;
				right: 15px;*/ }
	#wd_logo p { /*position: absolute; bottom: 20px; right: 0;*/ margin: -15px 0 0 48px; padding: 0; }
	#wd_search {
		position: relative;
		float: left;
		margin-top: 20px;
		/*line-height: 70px;*/ }
		#wd_search input, #wd_search select { margin: 0; }
		#wd_search select#wd_search_string {
			position: relative;
			z-index: 10;
			width: 160px;
			margin-right: -165px; }
		body.ie #wd_search select#wd_search_string {
			position: absolute;
			margin-top: 4px;
			margin-left: 3px; }
		#wd_search input#wd_search_text {
			width: 180px;
			padding-left: 165px; }
		#wd_search input#wd_search_submit {
			width: 26px;
			height: 26px;
			cursor: pointer; }
	#wd_utility {
		position: relative;
		float: right;
		height: 80px;
		margin-left: 20px;
		text-align: right; }
		#wd_utility p {
			float: right;
			margin-top: 10px;
			padding: 0 1em;
			font-size: 18px;
			font-weight: bold; }
		#wd_utility button { margin-left: 5px; font-size: 12px; }
#wd_main {
	clear: both;
	height: 100%; }
	table#layout_tbl { width: 100%; height: 100%; margin: 0; }
	table#layout_tbl td#leftcol {
		width: auto;
		padding: 0;
		vertical-align: top;
		border-right: 5px solid #555; }
	table#layout_tbl td#rightcol {
		width: 100%;
		padding: 10px;
		vertical-align: top; }
	#wd_menu {
		width: 200px; }
	#wd_menu.min {  }
		#wd_menu dl {  }
	#wd_content {
		padding: 90px 15px; }
#wd_footer {
	position: fixed;
	bottom: 0;
	z-index: 10;
	clear: both;
	width: 100%;
	height: 50px; }


/* Appearance
-------------------------------------------------- */
#wd_container {
	background-color: white;
	color: #444; }
	#wd_header {
		background-color: #777;
		color: white;
		background-image: url(../gfx/wd/grad_bkg_1.png);
		background-position: bottom;
		background-repeat: repeat-x; }
		#wd_logo h1 a {
			background-color: transparent;
			color: #ccc;
			background-image: url(../gfx/wd/wsp_logo_icon.png);
			background-position: 10px 15px;
			background-repeat: no-repeat;
			font-size: 27px;
			font-weight: bold;
			text-decoration: none; }
			#wd_logo h1 a em { color: white; }
			#wd_logo h1 a span {
				font-size: 12px; }
			#wd_logo p { font-size: 10px; color: #ccc; }
	#wd_search {  }
		#wd_search input {
			border: 3px solid #eee;
			background-color: #eee;
			color: #333; }
		#wd_search select {
			border: 0;
			background-color: transparent;
			color: #333; }
		#wd_search input#wd_search_text {  }
		body.ie #wd_search input#wd_search_text {  }
		#wd_search input#wd_search_text:focus {
			background-color: white;
			color: black;
			border-color: white; }
		#wd_search select#wd_search_string { background-color: transparent; color: #333; }
		#wd_search select#wd_search_string option,
		#wd_search select#wd_search_string optgroup { background-color: #fff; color: #000; }
		body.ie #wd_search select#wd_search_string {
			border: 0; }
		body.ie #wd_search input#wd_search_text { border-width: 5px; }
		#wd_search input#wd_search_submit {
			background: transparent url(../gfx/wd/search_icon.png) no-repeat 50% 50%;
			border: 0;
			outline: 0;
			text-indent: -9999px; }
	#wd_main {
		background-color: white;
		color: #444; }
		table#layout_tbl td#leftcol,
		#wd_menu {
			background-color: #777;
			color: #ccc; }
		#wd_content {
			background-color: white;
			color: #444; }
	#wd_footer {
		background-color: black;
		color: white; }





/* Navigation
-------------------------------------------------- */
input[type=submit],
input[type=button], 
button { cursor: pointer; }

/* pill button */
button.btn_pill {
	display: inline-block;
	width: auto;
	overflow: visible;
	padding: 0.3em 1em;
	background-image: url(../gfx/wd/btn_bkg.png);
	background-repeat: repeat-x;
	background-position: 50% 50%;
	background-color: #ddd;
	color: #555;
	font-family: Calibri, Arial, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #7f7f7f;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	outline: none;
	cursor: pointer;
}
button.btn_pill:hover { border-color: #fff; color: #000; }

/* Utility tab nav in header */
#wd_utility > ul {
	position: absolute;
	right: 5px;
	bottom: 0;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	font-size: 90%;
	font-weight: bold; }
	body.ie #wd_utility ul { bottom: -1px; }
	#wd_utility ul li {
		display: inline;
		margin: 0;
		padding: 0;
		list-style: none; }
		#wd_utility ul li a {
			display: inline-block;
			padding: 0.6em 1em;
			text-decoration: none;
			background-image: url(../gfx/wd/btn_bkg.png);
			background-repeat: repeat-x;
			background-position: 50% 50%;
			background-color: #ddd;
			color: #777;
			border-bottom: 0;
			-moz-border-radius-topleft: 0.25em;
			-moz-border-radius-topright: 0.25em;
			-webkit-border-top-left-radius: 0.25em;
			-webkit-border-top-right-radius: 0.25em;
			border-top-left-radius: 0.25em;
			border-top-right-radius: 0.25em; }
		#wd_utility ul li a:hover,
		#wd_utility ul li a:active,
		#wd_utility ul li a.active {
			background-image: none;
			background-color: white;
			color: black; }

	#wd_utility li.droplist {
		position: relative;	}
		#wd_utility li.droplist > a span {
			display: inline-block;
			vertical-align: middle;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 5px;
			border-color: #888 transparent;
			border-bottom: 0; }
		#wd_utility li.droplist ul {
			display: none;
			position: absolute;
			left: -20px;
			top: 20px;
			width: 130px;
			margin: 0;
			padding: 0 20px 20px;
			text-align: left; }
			#wd_utility li.droplist:hover ul { display: block; }
			#wd_utility li.droplist ul li,
			#wd_utility li.droplist ul a { display: block; }
			#wd_utility li.droplist ul a {
				border: 1px solid #ccc;
				border-top: 0;
				-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
				-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
				box-shadow: 0 0 10px rgba(0,0,0,0.1); }
			#wd_utility li.droplist ul li:first-child a {
				border-top: 1px solid #ccc; }
			
/* Module menu controls  
-------------------------------------------------------- */
#wd_menu_control ul {
	position: fixed;
	top: 60px;
	left: 0;
	z-index: 11;
	width: 200px;
	height: 20px;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
	font-size: 75%;
	text-transform: uppercase; }
	#wd_menu_control ul li {
		float: left;
		margin: 0 0 0 0.5em;
		list-style: none; }
		#wd_menu_control ul li a {
			display: block;
			width: 20px;
			height: 20px;
			text-indent: -9999px;
			margin: 0;
			padding: 0;
			line-height: 20px;
			background-color: #5f5f5f;
			color: #aaa;
			text-decoration: none;
			-moz-border-radius-topleft: 0.25em;
			-moz-border-radius-topright: 0.25em;
			-webkit-border-top-left-radius: 0.25em;
			-webkit-border-top-right-radius: 0.25em;
			border-top-left-radius: 0.25em;
			border-top-right-radius: 0.25em; }
		#wd_menu_control ul li a.menu_expand {
			background-image: url(../gfx/wd/plus.png);
			background-position: 50% 50%;
			background-repeat: no-repeat; }
		#wd_menu_control ul li a.menu_collapse {
			background-image: url(../gfx/wd/minus.png);
			background-position: 50% 50%;
			background-repeat: no-repeat; }
		#wd_menu_control ul li a:hover,
		#wd_menu_control ul li a.menu_toggle:hover {
			background-color: #555;
			color: #ccc; }
		#wd_menu_control ul li a.menu_toggle {
			position: absolute;
			left: 56px;
			/*position: fixed;
			top: 80px;
			left: 200px;
			width: 6px;
			height: 99%;
			margin: 0;
			padding: 0;
			text-indent: -9999px;
			background-color: #555;
			color: #ccc;
			background-image: url(../gfx/wd/handle_dots.png);
			background-repeat: no-repeat;
			background-position: 50% 50%;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border-radius: 0;*/ }
		#wd_menu_control ul li a.menu_toggle.off {
			background-color: #555;
			background-image: url(../gfx/wd/arrow_right.png);
			background-position: 50% 50%;
			background-repeat: no-repeat; }
		#wd_menu_control ul li a.menu_toggle.on {
			background-image: url(../gfx/wd/arrow_left.png);
			background-position: 50% 50%;
			background-repeat: no-repeat; }
			 
 /* Module menu items  

-------------------------------------------------------- */
#wd_menu dl {
	float: left;
	width: 200px;
	margin: 80px 0 0 0;
	padding: 0;
	font-size: 12px;
	background-color: #ccc;
	color: #333; }
	#wd_menu a { display: block; }
	#wd_menu dd { display: none; }
	#wd_menu dd.active { display: block; }
	#wd_menu dt, #wd_menu dd { margin: 0; padding: 0; }
	/* module */
	#wd_menu dt {
		background-color: #777;
		color: #ccc;
		background-image: url(../gfx/wd/grad_bkg_1.png);
		background-position: bottom;
		background-repeat: repeat-x; }
		#wd_menu dt a {
			padding: 0.5em 2em 0.5em 1em;
			line-height: 1;
			background: transparent url(../gfx/wd/plus.png) no-repeat 96% 50%;
			color: #ccc;
			text-decoration: none;
			text-shadow: -1px -1px 0 #555;
			border-top: 1px solid #999;
			border-bottom: 1px solid #666; }
		#wd_menu dt a:hover {
			/*background-color: #999;*/
			color: white;
			/*border-bottom-color: #aaa;*/ }
		#wd_menu dt a.active {
			/*background-color: #777;*/
			background-image: url(../gfx/wd/minus.png);
			text-shadow: 1px 1px 0 #333;
			color: white;
			/*border-bottom-color: #999;*/ }
	/* module sliding sub */
	#wd_menu dd {
		margin: 0;
		padding: 0;
		background-color: #888;
		color: #fff;
		/*border-bottom: 1px solid #777;*/ }
	/* module options list */
	#wd_menu dd ul {
		margin: 0;
		padding: 0;
		font-size: 90%; }
		#wd_menu dd ul li {
			display: block;
			list-style-type: none;
			margin: 0;
			padding: 5px 15px;
			border-bottom: 1px solid #777;
			border-top: 1px solid #999; }
			#wd_menu dd ul li strong {
				display: block;
				margin: 0;
				padding: 5px 0;
				/*background-color: #b1b1b1;*/
				color: #333;
				/*border-bottom: 1px solid #999;*/
				cursor: default;
				text-shadow: 1px 1px 0 #999; }
			#wd_menu dd ul li a {
				/*padding: 0 2em;
				line-height: 1.75;
				color: #ccc;
				text-decoration: none;*/ }
			#wd_menu dd ul li a:hover,
			#wd_menu dd ul li a:active,
			#wd_menu dd ul li a.active {
				background-color: white;
				color: black;
				border-color: #ccc;
				background-image: url(../gfx/wd/grad_bkg_1.png);
				background-position: bottom;
				background-repeat: repeat-x; }

		/* module option links */
		#wd_menu dd ul ul { padding-bottom: 5px; overflow: hidden; }
			#wd_menu dd ul ul li { float: left; margin-right: 3px; border: 0; padding: 0; }
			#wd_menu dd ul ul li a {
				display: block;
				margin-top: 5px;
				padding: 4px 8px;
				background-color: #999;
				color: #111;
				text-decoration: none;
				border: 1px solid #777;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px; }
			#wd_menu dd ul ul li.hidden a {
				background-image: url(../gfx/wd/stripes.png);
				background-repeat: repeat; }
			
			
			
/* Data Display Table  
-------------------------------------------------------- */
table.DDT-wrap, table.DDT-wrap1 {
	width: 100%;
	border-top: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-left: 1px solid #eee !important;
	margin-bottom: 10px !important;
	background-color: #fff !important;
}
table.DDT-wrap td, table.DDT-wrap1 td,
table.DDT-wrap th, table.DDT-wrap1 th {
	padding: 5px !important;
	vertical-align: middle !important;
	border-top: 1px solid #fff !important;
	border-right: 1px solid #eee !important;
	border-bottom: 1px solid #ddd !important;
	border-left: 0 !important;
	font-size: 12px !important;
	text-align: left;
}
table.DDT-wrap th, table.DDT-wrap1 th {
	background-color: #eee;
}
table.DDT-wrap tr.headrow td, table.DDT-wrap1 tr.headrow td,
table.DDT-wrap thead th, table.DDT-wrap1 thead th {
	border-top: 1px solid #aaa !important;
	border-bottom: 1px solid #aaa !important;
	border-right: 1px solid #aaa !important;
	border-left: 1px solid #bbb !important;
	font-size: 12px !important;
	font-weight: bold !important;
	background: #FFF url(../gfx/bkg-btn-chrome.png) repeat-x 50% 50% !important;
	color: #444 !important;
}
table.DDT-wrap tr.alt1,table.DDT-wrap1 tr.alt1 { background-color: #fff; }
table.DDT-wrap tr.alt2,table.DDT-wrap1 tr.alt2 { background-color: #f5f5f5; }

.DDT-wrap tr:hover { background-color: #ffc !important; color: #000 !important; }

.DDT-wrap tr.alt2:hover td { background-color: transparent !important; color: #111 !important; }
table.DDT-wrap tr.headrow a,table.DDT-wrap1 tr.headrow a {
	display: block !important;
	color: #444 !important;
        padding-right: 15px !important;
	text-decoration: none !important;
	background: transparent url(../gfx/wd/sort_arrows.png) no-repeat 100% 50% !important;
}
table.DDT-wrap tr.headrow a:hover,table.DDT-wrap1 tr.headrow a:hover {
	text-decoration: underline !important;
}
table.DDT-wrap tr.headrow span.nosort,table.DDT-wrap1 tr.headrow span.nosort { background-image: none !important; text-indent: 0 !important; }
table.DDT-wrap td.actions,table.DDT-wrap1 td.actions { text-align: center !important; width: 1% !important; }
table.DDT-wrap td.actions a,table.DDT-wrap1 td.actions a { line-height: 1.5 !important; }
table.DDT-wrap td.actions,table.DDT-wrap tr.headrow td,table.DDT-wrap1 td.actions,table.DDT-wrap1 tr.headrow td { white-space: nowrap !important; }
.DDT-help { background: #eee !important; text-align: center !important; color: #aaa !important; font-size: 10px !important; padding: 3px 0 !important; margin-top: 10px !important; }
.DDT-paging { clear: both !important; height: 25px !important; }
.DDT-results { font-size: 11px !important; float: left !important; padding: 5px !important; }
.ddt-pageswrap { overflow: hidden; }
.DDT-pagenums { font-size: 11px !important; float: right !important; padding: 5px !important; }
.DDT-pagenums a, .DDT-pagenums span.DDT-current-page {
	margin-left:5px !important;
	display: inline-block !important;
	padding: 5px !important;
	background: #FFF url(../gfx/bkg-btn-chrome.png) repeat-x 50% 50% !important;
	color: #333 !important;
	text-decoration: none !important;
	border: 1px solid #ccc !important;
	*zoom: 1;
	*display: inline;
	*vertical-align: middle;
}
.DDT-pagenums .DDT-current-page { font-weight: bold !important; background-color: #ccc !important; color: #fff !important; }
.DDT-search { font-family: "Segoe UI", Arial, sans-serif !important; }
.DDT-search .search { font-size: 12px !important; }
.DDT-search select,  .DDT-search input { font-size: 12px !important; }
.DDT-search .rpp { font-size: 12px !important; text-align: right !important; }
.DDT-search .button, .DDT-submit .button { border: 1px solid black !important; background-color: #DDD !important; color: black !important; }
.DDT-form { margin: 0px !important; margin-bottom: 5px !important; padding: 0px !important; }
.DDT-search .filter { font-size: 12px !important; padding-top: 6px !important;}
.DDT-search .filterColumn { float: left !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; width: 180px !important; }
.DDT-title	{ font-size: 18px !important; font-weight: bold !important; padding: 10px !important; background: #eee; }
.DDT-title a { text-decoration: none; color: #000; }
.DDT-download { float: right !important; padding-top: 2px !important;}
.DDT-download a { background-image: url(common_images/xls.gif) !important; background-repeat: no-repeat !important; padding-left: 20px !important; height: 18px !important; }
.DDT-norecords { font-size: 12px !important; font-weight: bold !important; padding: 10px !important; }
.ddt-submit { clear:both !important; float:right !important; margin-top: 5px !important;}
.ddt-submit input { font-size: 16px !important; font-weight: bold !important; }


/* Form Builder 
-------------------------------------------------------- */
.mgrfront-sectiontitle { 
	font-size: 15px !important; 
	background-color: #fff !important;
	margin-bottom: 10px !important;
	padding: 20px 0 10px 0 !important;
	border-bottom: 1px solid #ddd !important;
}
.mgrfront-sectiontitle span a { font-size: 13px; }
div.mgrfront-question {
	border-top: 0 !important;
	border-bottom: 0 !important;
	float:left;
	font-family: inherit !important;
	font-size: 13px !important;
	padding: 3px 0 !important;
	width: 24% !important;
}
div.mgrfront-answer {
	float: left;
	font-size: 13px !important;
	margin: 0 !important;
	padding: 2px 0 4px 0 !important;
	width: 74% !important;
	*padding-bottom: 0 !important;
}
div.mgrfront-answer input,
div.mgrfront-answer select,
div.mgrfront-answer img { vertical-align: middle; }
div.mgrfront-buttons { padding-top: 20px; }
div.mgrfront-buttons input {
margin-right: 0.4em;
padding: 6px 18px;
font-size: 15px !important;
font-weight: bold; 
}
#form_builder input.disabled {
	background-color: #eee;
	border-color: #eee;
	color: #777;
}

/* Show Page Info  
-------------------------------------------------------- */
button#toggleShowPageInfo {
	position: absolute;
	z-index: 999999;
	top: 15px;
	left: 15px;
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
	padding: 2px 6px;
	font-size: 11px;
	font-family: "Segoe UI", Arial, sans-serif;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#showPageInfo {
	position: absolute;
	z-index: 999998;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	padding: 0 0 15px 0;
	overflow: hidden;
	opacity: 0.9;
	font-size: 11px;
	background-color: #ccc;
	color: #000;
	border-bottom: 2px solid #000;
	text-shadow: 1px 1px 0 #eee;
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

#showPageInfo table#showPageInfoTable {
	width: 48%;
	float: left;
	margin-top: 15px;
}
#showPageInfo table#showPageInfoTable td {
	vertical-align: top;
	padding: 2px 5px;
	font-size: 11px;
}
#showPageInfo table#showPageInfoTable td.pageInfoLabel {
	text-align: right;
	font-weight: bold;
	width: 185px;
}
#showPageInfo font {
	display: block;
	float: left;
	margin: 15px;
	width: 48%;
	min-width: 500px;
	line-height: 1.6;
	text-align: center;
}

/* VWeb Edit File  
-------------------------------------------------------- */
#html_container { width: 100%; }
#html_container .mgrfront-answer { margin: 0; }
td#html-container textarea#html {
        width: 100%;
}