/*=============================================
Reset.css
The reset file resets common css properties to
starter values. This clears up problems across
browsers where certain probers give implicit
css values by default to different objects.
==============================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	/*font-size: 100%;*/
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.5em;
	color: black;
	background: white;
}
ol, ul {
	/*list-style: none;*/
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}/*=============================================
Common.css
Contains common settings that apply acorss themes.
These are used for those layouts that are commonly
available regardless of what theme is selected
as well as some standard / default settings
for the site notices
==============================================*/


/*==================================
Notice boxes - these are boxes that
can be used for site annoncements, such
as a standard ajax loading box. Settings
here might be overridden in themes
==================================*/
/* Site Notice defines the notice boxes that appear in the upper
   Right hand corner such as "Loading" and "Saved" */
.SiteNotice {
	font-size: 12pt;
	font-family: "Verdana";
	color: white;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 101;
	padding: 5px 10px 5px 10px;
	background-color: #CC4444;
	/*width: 100px;
	height: 18px;*/
	text-align:center;
}
/* The box that appears when the the Site.ShowMessage() command is
used in javascript. Used for notices. Type of SiteNotice*/
#SiteMessage {

}

/* The "Now Loading" message that appears while the site is processing
an AJAX request */
#SiteLoading {

}

/*=======================
Site management / edit page links.
Edit Page / Goto Control panel
========================*/
/* Site management links */
#SiteManageLinks{
	font-size: 10pt;
	right: 0px;
	top: 0px;
	position: absolute;
	z-index: 100;
	margin:0px;
	font-family: "verdana";
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
	color: #CC4444;
	height: 25px;
	}

#SiteManageLinks a {
	color: white;
}

/*==================================
Links to the current pages template
==================================*/
#TemplateBar {
	font-size: 10pt;
	font-family: "Verdana";
	color: black;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 50;
	padding: 2px 5px 2px 5px;
	/*background-color: #CC4444;*/
	text-align:left;
	}

#TemplateBar a, .EditPageBar a:visited, .EditPageBar a:active{
	text-decoration : none;
	color : #fff;
	}

#TemplateBar a:hover {
	text-decoration: underline;
	}
#TemplateBar img {
	vertical-align: middle;
	}
#TemplateBar span {
	vertical-align: middle;
	}

/*==================================
COMMON LAYOUTS
The follow defines css for common
layouts. These are layouts that are
shared beteween themes and allow certain
parts or pages to look the same regardless
of what theme is currently selected.
==================================*/


/*.newPage {
	margin-left:auto;
	margin-right:auto;
	width:500px;
	}

.newPage .textInput {
	font-size: 100%;
	padding: 5px;
	}

.newPage .textLabel {
	font-size: 120%;
	color: #747474;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 5px;
	}*/

/*==================================
Notice Boxes
Defines some styles for notice boxes.
May be overridden by extending themes.
==================================*/
.noticeMessage {
	border:1px solid #C4E2FD;
	padding: 4px;
	padding-left: 25px;
	margin: 4px 0px 4px 0px;
	background: #E5F2FF url(/site/themes/common//images/info.png) no-repeat 4px 9px;
	}

.errorMessage {
	border:1px solid #FAD163;
	background-color: #FAE5AD;
	padding: 4px;
	padding-left: 25px;
	margin: 4px 0px 4px 0px;
	background: #FAE5AD url(/site/themes/common//images/error.png) no-repeat 4px 9px;
	}
.message {
	padding: 4px;
	padding-left: 25px;
	margin: 4px 0px 4px 0px;
	background-color: #BFFFBA;
	border: 1px solid #81DC7B;
	background: #BFFFBA url(/site/themes/common//images/accept.png) no-repeat 4px 9px;
	}

/*==================================
EditTabs
Defines tabs that can be used across themes.
These tabs are often used by editors on the site to
tabify editor data. Note that these can be overriden
by extending themes so as to make part editors
fit in with the rest of the theme.
==================================*/
.editTabs {
	overflow:hidden;
	}

.editTabsUnderline {
	clear: both;
	border-top: 1px solid #C4C4C4;
	margin-bottom: 6px;
	line-height: 2pt;
	}

.editTabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 10pt;
	/*font-family: verdana;*/
	}

.editTabs li {
	list-style: none;
	float:left;
	white-space:nowrap;
	vertical-align: bottom;
	margin-top: 0px;
	}


.editTabs li a{
	color: #000;
	text-decoration: none;
	padding-left: 10px;
	margin-right: 5px;
	position: relative;
	top: 1px;
	border-top: 1px solid #C4C4C4;
	border-left: 1px solid #C4C4C4;
	border-right: 1px solid #C4C4C4;
	}

.editTabs li a span{
	font-size:100%;
	cursor:pointer;
	padding-right: 10px;
	padding-top: 2px;
	}

.editTabs li a, .editTabs li a span {
	display: block;
	float: left
	}

.editTabs li a:hover {
	background: #eee;
	}

.editTabs .selected a {
	border: 1px solid #C4C4C4;
	border-bottom: 1px solid #fff;
	}

.editTabs .selected a span {
	font-size: 100%;
	}

.editTabs .selected a {
	font-weight:bold;
	display: block;
	float: left;
	}
.editTabs .selected a:hover{
	background: #fff;
	}



/*==================================
Others
==================================*/
.mediumButton {
	font-size: 130%;
	/*padding: 2px;*/
	}

.formInput {
	font-size: 130%;
	padding: 2px;
	}

.formLabel {
	font-weight: bold;
	font-size: 130%;
	color: #7D7D7D;
	}/*=============================================
EDIT PAGE STYLES
This css file controls how the page looks while
in edit page mode. This includes the formatting
for the part library, the moveable parts,
and the area containers (the areas that parts can
be dragged and dropped between). Any of these
values can be overriden by specific themes as needed
so that the edit page view fits in with the theme.
==============================================*/
/*=======================
UL defines the styles for the draggable
parts while in edit page mod
========================*/
ul.areaContainer {
    list-style-image:none;
    list-style-type:none;
    padding: 2px;
    min-height: 100px;

	}

/*ul.area1Container {
	background: url(/site/themes/common/images/editpage/areas/1.gif) no-repeat;
	border: 2px solid #78B2DE;
	background-color: #CCE8FE;
	}

ul.area2Container {
	background: url(/site/themes/common/images/editpage/areas/2.gif) no-repeat;
	border: 2px solid #78B2DE;
	background-color: #C6E4FB;
	}
ul.area3Container {
	background: url(/site/themes/common/images/editpage/areas/3.gif) no-repeat;
	border: 2px solid #78B2DE;
	background-color: #C1E1F9;
	}
ul.area4Container {
	background: url(/site/themes/common/images/editpage/areas/4.gif) no-repeat;
	border: 2px solid #78B2DE;
	background-color: #CFEAFF;
	}
ul.area5Container {
	background: url(/site/themes/common/images/editpage/areas/5.gif) no-repeat;
	border: 2px solid #78B2DE;
	background-color: #BDDEF8;
	}*/
/*=======================
This class will be applied
to areas when the user
starts dragging anything
========================*/
ul.areaContainerHighlight {
	border: 1px dashed red;
	}


/*=======================
The header text for inherited parts
that links to the parent template
========================*/
ul.areaContainer li.inheritedParts .inheritedHeader {
	font-family: "Verdana";
	font-size:12pt;
	text-align: left;
	font-style: italic;
	font-weight: bold;
	padding-left: 2px;
	line-height: 100%;
	color: #fff;
	z-index: 10;
 	}

/*=======================
Adds the move cursor to the
handles of the parts
========================*/
li .handle {
	cursor: move;
	}

/*=======================
The following define 'border samples' that the user can click on
to select a border that they want the part to have. These
are 16x16 px squares that can have a small image background
to describe what the full border will be like.

Border0 is reserved for no border
========================*/
.borderSample {
	cursor: pointer;
	border: 1px solid black;
	width: 25px;
	height: 25px;
	}

/*=======================
Used to designate the border sample that the user
has choosen or that is currently applied to a part
========================*/
.borderSampleChoosen {
	width: 27px;
	border: 2px dashed red;
	}
/*=======================
When a sample is not choosen, it belongs to this
class
========================*/
.borderSamplePadding {
	width: 18px;
	padding: 2px;
	}


/*=======================
Divs that contain the part library
========================*/
#PartLibrary {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 100;
	padding:0px;
	margin:0px;
	color:black;
    font-size: 10pt;
	font-family: "Verdana";
	border-left: 3px solid #B4B4B4;
	border-bottom: 3px solid #B4B4B4;
	background-color: #F3F3F3;
	width: 250px;
	}

#PartLibraryHeader {
	color: white;
	padding-left:28px;
	background: url(/site/themes/common/images/editpage/libraryHeader.gif);
	background-color: #DCDDE0;
	border-bottom:3px solid #B4B4B4;
	height: 25px;
	font-weight: bold;
	}

#PartLibraryHeaderClose {
	float:right;
	padding-top:7px;
	padding-right:5px;
	cursor:pointer
}

/*=======================
The part library list and items
========================*/
#PartLibraryList {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}

.partLibraryItem {
	font:13px Verdana;
	margin:0px;
	margin-bottom: 1px;
	cursor:move;
	z-index: 11;
	padding:0px;
	}

.partLibraryItem a {
	display: block;
	padding: 8px;
	border-top: #CC4444;
	text-decoration : none;
	color : #333333;
	}

.partLibraryItem a:visited {
	color : #333333;
	}

.partLibraryItem a .name {
	padding-left: 28px;
	}

.partLibraryItem a:hover {
	background-color: #E5E5E5;
	color: #56ABE0;
	text-decoration: none;
	}

.partLibraryItem a:hover .name {
	background: url(/site/themes/common/images/editpage/arrow.gif) no-repeat left;
	background-position: 6px;

	}

/*=======================
The detail mouseover of library parts
========================*/
.partLibraryItemDetailsBorder {
	color:black;
    font-size: 10pt;
	font-family: "Verdana";
	border: 3px solid #DCDDE0;
	border-right: 9px solid #DCDDE0;
	background-color: #EEEEEE;
	position:absolute;
	top:0px;
	right:255px;
	z-index:101;
	}

.partLibraryItemDetails {
	padding: 4px;
	background-color: #F3F3F3;
	width: 300px;
	border: 1px solid #BBBBBB;
	}

.partLibraryItemDetails .partScreen{
	text-align: center;
	}

/*=======================
EditPage classes contain css for a single part
that is moved around in the edit page mode. This
includes code to format the header and the
options for the part.
========================*/
.EditPageBorder {
	border: 3px solid #ECECEC;
	margin-bottom: 4px;
	}

.EditPageBorderButtons {
	position:absolute;
	float:right;
	font-size:11px;
	top:3px;
	right:3px;
	background-color:#4091DB;
	font-family: verdana;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 2;
	}

.EditPageBorderContent {
	padding:2px;
	padding-top:5px;
	overflow: hidden;
	}

.EditPageBorder .handle {
	cursor: move;
	}

.EditPageBorderIcon {
	padding-right:2px;
	padding-left: 5px;
	vertical-align: middle;
	}

.EditPageBorderInner {
 	border:1px solid #3778CE;
	position:relative;  /*afsdfasdf*/
	overflow: hidden;
	}
.EditPageBorderHeader {
	border-top:1px solid #5E9CD5;
	border-left: 1px solid #5E9CD5;
	border-right: 1px solid #5E9CD5;
	color: white;
	}
.EditPageBorderTitle {
	width:100%;
	background-color:#4091DB;
	font-weight:bold;
	height: 30px;
	font-size: 10pt;
	font-family: verdana;
	}

/* The following are applied to edit page parts
   that are from inherited pages */
.EditPageBorderInnerTemplate {
 	border:1px solid #E15757;
	position:relative;
	overflow: hidden;
	}
.EditPageBorderHeaderTemplate {
	border-top:1px solid #E58585;
	border-left: 1px solid #E58585;
	border-right: 1px solid #E58585;
	color: white;
	}
.EditPageBorderTitleTemplate {
	width:100%;
	background-color:#C64B4B;
	font-weight:bold;
	height: 30px;
	font-size: 10pt;
	font-family: verdana;
	}
.EditPageBorderButtonsTemplate {
	position:absolute;
	float:right;
	font-size:11px;
	top:3px;
	right:3px;
	background-color:#C64B4B;
	font-family: verdana;
	padding-left: 5px;
	padding-right: 5px;
	}

.EditPageBorderTitleTemplate span, .EditPageBorderTitle span {
	padding-left: 2px;
	vertical-align:middle;
	}

.EditPageOptions {
	padding: 2px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #DDDDDD;
	font-family: "Verdana";
	font-size:10pt;
	color: black;
	}

.EditPageBorderHeader a, .EditPageBorderHeaderTemplate a {
	text-decoration : none;
	color : #fff;
	}
.EditPageBorderHeader a:visited , .EditPageBorderHeaderTemplate a:visited {
	text-decoration : none;
	color : #fff;
	}
.EditPageBorderHeader a:active , .EditPageBorderHeaderTemplate a:active {
	text-decoration : none;
	color : #fff;
	}
.EditPageBorderHeader a:hover , .EditPageBorderHeaderTemplate a:hover {
	text-decoration :underline;
	color : #fff;
	}/*=======================
Layout
========================*/
html, body {
	height: 100%;
}
body{
 	color:#404040;
    font-size: 10pt;
	font-family: "Lucida Grande","Helvetica Neue",Verdana,Arial,sans-serif;
	margin: 0px;
	line-height: 1.6em;
	background: #EEEEEE url(/site/themes/default/images/bg.jpg) repeat-x;
	}
#container {
	margin: 0em auto;
	width: 850px;
	text-align: left;
	/*_height: 100%;*/ /*hack for ie 6 support*/
	/*min-height: 100%;*/
	background: #fff url(/site/themes/default/images/bgcenter.jpg) repeat-y;

	}
#innercontainer {
	padding-left: 20px;
	padding-right: 20px;
	min-height: 300px;
	}

/*=======================
Layout: Header
========================*/
#toppadding {
	height: 20px;
	background: #fff;
	}
#header {
	background: url(/site/themes/default/images/header/bg.png);
	height: 93px;
	text-align: center;
	}
#header img {
	padding-top: 8px;
	}
#header_left {
	background: url(/site/themes/default/images/header/left.png);
	width: 6px;
	height: 93px;
	float: left;
	}
#header_right {
	background: url(/site/themes/default/images/header/right.png);
	width: 6px;
	height: 93px;
	float: right;
	}
#bar {
	color: #fff;
	background: #fff;
	font-size: 13pt;
	text-align: center;
	height: 48px;
	}
#bar_strip {
	background: #2d2925;
	height: 42px;
	overflow: hidden;
	}
#bar_under {
	height: 3px;
	}
#bar_left {
	background: url(/site/themes/default/images/header/barleft.jpg);
	width: 4px;
	height: 48px;
	float: left;
	}
#bar_right {
	background: url(/site/themes/default/images/header/barright.jpg);
	width: 4px;
	height: 48px;
	float: right;
	}
#bar_holder {
	margin: 0px auto;
	width: 522px;
	height: 39px;
	}
.barlink {
	text-decoration: none;
	color: white;
	display: block;
	float: left;
	height: 27px;
	width: 100px;
	padding-top: 8px;
	}
.barsep {
	float: left;
	width: 40px;
	}
.barlink:hover {
	color: white;
	cursor: pointer;
	text-decoration: none;
	border-bottom: 5px solid #fa1442;
	}
.barlink:visited, .barlink:active {
	color: #fff;
	text-decoration: none;
	}
.barlinkhome:hover , .bar_home .selected{
	border-bottom: 5px solid #FA1442;
	}
.barlinkabout:hover , .bar_about .selected{
	border-bottom: 5px solid #A8C048;
	}
.barlinkresume:hover, .bar_resume .selected {
	border-bottom: 5px solid #278FAF;
	}
.barlinkprojects:hover, .bar_projects .selected {
	border-bottom: 5px solid #AF39DE;
	}
.barlinklab:hover, .bar_lab .selected{
	border-bottom: 5px solid #FCB900;
	}
.bar_under_home {
	background: #fa1442;
	}
.bar_under_about {
	background: #A8C048;
	}
.bar_under_resume {
	background: #278FAF;
	}
.bar_under_projects {
	background: #AF39DE;
	}
.bar_under_lab {
	background: #FCB900;
	}
#footer {
	background: #fff url(/site/themes/default/images/bottom.jpg) bottom;
	padding-bottom: 16px;
	margin: 0em auto;
	width: 850px;
	/*margin-top: -20px;*/
	text-align: center;
	font-size: 8pt;
	font-family: Verdana;
	clear: both;
	line-height: 1.2em;
	}
.clear {
	clear: both;
	}

/*=======================
Layout: Columns1
========================*/
.Columns1 #contents {
	padding: 10px 20px;
	min-height: 300px;
}

/*=======================
Layout: Columns2
========================*/
.Columns2 #leftbar{
	padding-left: 20px;
	float: left;
	width: 200px;
	min-height: 100px;
	padding-top: 10px;
	}

.Columns2 #contents{
	margin-left: 240px;
	line-height: 2em;
	padding-top: 10px;
	padding-right: 20px;
	min-height: 300px;
	}

/*=======================
Layout: Columns2Right
========================*/
.Columns2Right #rightbar{
	padding-right: 20px;
	float: right;
	width: 250px;
	min-height: 100px;
	padding-top: 10px;
	}

.Columns2Right #contents{
	margin-left: 20px;
	margin-right: 300px;
	min-height: 300px;
	padding-top: 10px;
	}


/*=======================
Layout: Columns3
========================*/
.Columns3 #leftbar{
	float: left;
	width: 164px;
	}

.Columns3 #contents{
	margin-left: 174px;
	margin-right: 174px;
	/*width: 464px;*/
	}
.Columns3 #rightbar{
	float: right;
	width: 164px;
	min-height: 100px;
	}

/*=======================
Layout: EditAlone
========================*/
.EditAlone #contents {
	margin-left: 17px;
	margin-right: 17px;
}

/*=======================
Border: 0 (Content Only)
(Must be in every theme)
========================*/
.Border0 {
	margin-bottom: 10px;
}

/*=======================
Border: 1 (Plain Title)
========================*/
.Border1 {
	padding-bottom: 15px;
	padding: 2px;
	background: url(/site/themes/default/borders/images/bg1.png) top repeat-x;

	}
.Border1 .BorderHeader {
	height: 54px;
	font-size: 25pt;
	line-height: 100%;
	color: #000;
	/*margin-top: 20px;*/
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	}

.Border4 {
	padding-bottom: 15px;
	padding: 2px;

	}
.Border4 .BorderHeader {
	height: 50px;
	font-size: 25pt;
	line-height: 100%;
	color: #000;
	}
.Border5 {
	padding-bottom: 15px;
	padding: 2px;

	}
.Border5 .BorderHeader {
	height: 35px;
	font-size: 25pt;
	line-height: 100%;
	color: #000;
	}

.Border2 {
	padding-bottom: 15px;
	padding: 2px;
	background: url(/site/themes/default/borders/images/bg2.png) top repeat-x;

	}
.Border2 .BorderHeader {
	height: 32px;
	font-size: 12pt;
	font-weight: bold;
	color: #000;
	margin-top: 2px;
	}

.Border3 {
	padding-bottom: 15px;
	padding: 2px;
	background: #DDFFE5;
	border: 1px solid #7BD691;
	padding: 5px;
	color: #000;

	}
.Border3 .BorderHeader {
	height: 32px;
	font-size: 12pt;
	font-weight: bold;
	color: #000;
	margin-top: 2px;
	}

/*=======================
Border Samples
========================*/
.border0Sample{
	background-image: url(/site/themes/default/borders/images/samples/border0.gif);
	}
.border1Sample{
	background-image: url(/site/themes/default/borders/images/samples/border1.gif);
	}
.border2Sample{
	background-image: url(/site/themes/default/borders/images/samples/border2.gif);
	}
.border2Sample{
	background-image: url(/site/themes/default/borders/images/samples/border3.gif);
	}


/*=======================
General
========================*/
a {
	text-decoration : none;
	color : #0084FF;
	}

a:visited {
	text-decoration : none;
	color : #0084FF;
	}

a:active {
	text-decoration : none;
	color : #0084FF;
	}

a:hover {
	text-decoration :underline;
	color : #48A7FF;
	}

img {
	border: 0;
	}

h1,h2,h3,h4 {
	padding: 0px;
	margin: 0px;
	color: #000;
	font-weight: normal;
	font-size: 14pt;
	padding-bottom: 5px;
	}
h1 {
	font-family: Verdana, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	}

input,textarea,select {
	/*color : black;
	font-size : 8pt;
	font-family : Verdana;
	border : 1px solid;
	border-color : black;*/
	}

.photo {
	margin-right: 4px;
	margin-bottom: 4px;
	border: 3px solid #E8E8E8;
	}

ol, ul {
	padding-left: 15px;
}


/*=======================
Style the navigation bar.
This should be in every theme
========================*/
.navigationContainer {

	}

.navigationContainer ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Verdana, sans-serif;
	font-size: 14pt;
	text-align: left;
	}
.navigationContainer li {
	margin-bottom: 5px;
	}
.navigationContainer a {
	display: block;
	padding: 4px;
	/*height: 28px;*/
	/*background: url(/site/themes/default/images/navback2.gif);*/
	color: #D1CE92;
	}

.navigationContainer ul .active a{
	background: url(/site/themes/default/images/navback2.png);
	color: #fff;
	}

.navigationContainer a:link, .navigationContainer a:visited{
	text-decoration: none;
	color: #D1CE92;
	}

.navigationContainer a:hover{
	background: url(/site/themes/default/images/navback.png);
	color: #fff;
	}

/*=======================
Site management / edit page links.
(Overrides what is in common.css)
========================*/
/* Site management links */
#SiteManageLinks{
	font-size: 10pt;
	right: 0px;
	top: 0px;
	position: absolute;
	z-index: 100;
	margin:0px;
	font-family: "verdana";
	text-align: right;
	/*background-image:url(/site/themes/default/images/header/top.gif);*/
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
	height: 25px;
	/*border-bottom: 4px solid #B4B4B4;
	border-left: 4px solid #B4B4B4;*/
	}

#SiteManageLinks a , #TemplateBar a {
	color: #0084FF;
}

#TemplateBar {
	padding: 0px 5px 0px 5px;
	font-size: 10pt;
	color: #000;
	height: 25px;
	/*background: #fff;*/
	}

/*=======================
Edit Tabs. Shared by most
parts for their edit page. Overrides
the simple tab style in common.css
========================*/

.editTabsUnderline {
	border-top: 1px solid #C4C4C4;
	}

.editTabs li a{
	color: #3399E7;
	background: url(/site/themes/default//images/tabs/tab2-left.gif) left top no-repeat;
	border: 0px solid #fff;
	}

.editTabs li a span{
	background: url(/site/themes/default//images/tabs/tab2-right.gif) right top no-repeat;
	}

.editTabs li a:hover {
	background: url(/site/themes/default//images/tabs/tab2-left-hover.gif) left top no-repeat;
	color: #000;
	}

.editTabs li a:hover span {
	background: url(/site/themes/default//images/tabs/tab2-right-hover.gif) right top no-repeat;
	}

.editTabs .selected a {
	border: 0px solid #fff;
	color: #000;
	background: url(/site/themes/default//images/tabs/tab-left.gif) left top no-repeat;
	border-bottom: 1px solid #fff;
	}

.editTabs .selected a span {
	background: url(/site/themes/default//images/tabs/tab-right.gif) right top no-repeat;
	}

.editTabs .selected a, .editTabs .selected a span {
	font-weight:bold;
	}

.editTabs .selected a:hover {
	background: url(/site/themes/default//images/tabs/tab-left.gif) left top no-repeat;
	}
.editTabs .selected a:hover span {
	background: url(/site/themes/default//images/tabs/tab-right.gif) right top no-repeat;
	}





.dkptabs {
	overflow:hidden;
	}

.dkptabsUnder {
	clear: both;
	border-top: 1px solid #C4C4C4;
	margin-bottom: 6px;
	line-height: 2pt;
	}

.dkptabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 10pt;
	/*font-family: verdana;*/
	}

.dkptabs li {
	list-style: none;
	float:left;
	white-space:nowrap;
	vertical-align: bottom;
	margin-top: 0px;
	}


.dkptabs li a{
	color: #000;
	text-decoration: none;
	padding-left: 10px;
	margin-right: 5px;
	position: relative;
	top: 1px;
	border-top: 1px solid #C4C4C4;
	border-left: 1px solid #C4C4C4;
	border-right: 1px solid #C4C4C4;
	}

.dkptabs li a span{
	font-size:100%;
	cursor:pointer;
	padding-right: 10px;
	padding-top: 2px;
	}

.dkptabs li a, .editTabs li a span {
	display: block;
	float: left
	}

.dkptabs li a:hover {
	background: #eee;
	}

.dkptabs .selected a {
	border: 1px solid #C4C4C4;
	border-bottom: 1px solid #fff;
	}

.dkptabs .selected a span {
	font-size: 100%;
	}

.dkptabs .selected a {
	font-weight:bold;
	display: block;
	float: left;
	}
.dkptabs .selected a:hover{
	background: #fff;
	}





/* =========================
BLUE TABLE
============================*/
table.blue {
	width: 100%;
	font-family: verdana;
	margin: 0;
	padding: 0;
	color : #000;
}

table.blue tr .center {
	text-align: center;

	}
table.blue tr .right {
	text-align: right;
	}

table.blue tr .middle {
	vertical-align: middle;
	}
table.blue tr .middle img{
	vertical-align: text-bottom;
	}

table.blue tr th {
	background: #4B94FF;
	color: #fff;
	/*padding: 5px 15px;*/
	border-top: 1px solid #65A4FF;
	border-left: 1px solid #65A4FF;
	border-bottom: 1px solid #1F7AFF;
	border-right: 1px solid #1F7AFF;
	font-weight: bold;
}

table.blue tr th.link{
	padding: 0px;
}

table.blue tr th a{
	cursor: pointer;
	text-decoration: none;
	padding: 5px 15px;
	color: #fff;
	display: block;
}
table.blue tr th a:hover {
	background: #2B73DE;
}

table.blue tr td {
	background: #ECECEC;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 0px solid #000;
	border-top: 0px solid #000;
	padding: 5px 10px;
	}

table.blue tr.over td{
	background: #B6B6B6;
}

/* =========================
GRAY TABLE
============================*/
table.gray {
	width: 100%;
	font-family: verdana;
	margin: 0;
	padding: 0;
	color : #000;
}

table.gray tr .center {
	text-align: center;

	}
table.gray tr .right {
	text-align: right;
	}

table.gray tr .middle {
	vertical-align: middle;
	}
table.gray tr .middle img{
	vertical-align: text-bottom;
	}

table.gray tr th {
	background: #585858;
	color: #fff;
	/*padding: 5px 15px;*/
	border-top: 1px solid #707070;
	border-left: 1px solid #707070;
	border-bottom: 1px solid #303030;
	border-right: 1px solid #303030;
	font-weight: bold;
}

table.gray tr th.link{
	padding: 0px;
}

table.gray tr th a{
	cursor: pointer;
	text-decoration: none;
	padding: 5px 15px;
	color: #fff;
	display: block;
}
table.gray tr th a:hover {
	background: #606060;
}

table.gray tr td {
	background: #ECECEC;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 0px solid #000;
	border-top: 0px solid #000;
	padding: 5px 10px;
	}

table.gray tr.over td{
	background: #B6B6B6;
}





table.signup {
	width: 100%;
	}
table.signup input {
	width: 200px;
	padding: 3px;
	font-size: 120%;
	}
table.signup select {
	width: 210px;
	padding: 3px;
	font-size: 120%;
	}

table.signup td{
	padding: 5px;
	}
table.signup td.label {
	width: 100px;
	font-size: 13pt;
	}


table.dkpForm {
	width: 100%;
	}
table.dkpForm input {
	width: 200px;
	padding: 3px;
	font-size: 110%;
	}
table.dkpForm select {
	width: 210px;
	padding: 3px;
	font-size: 110%;
	}

table.dkpForm td{
	padding: 5px;
	}
table.dkpForm td.label {
	width: 100px;
	font-size: 13pt;
	}

table.dkpForm td.title {
	font-weight: bold;
	font-size: 120%;
	}



table.stripped tr td {
	background-color: #FBFBFB;
	}
table.stripped tr.clear td{
	background-color: #fff;
	}
table.stripped tr.odd td{
	background-color: #F5F5F5;
	}




.adminSectionImage {
	float:left;
	padding-top:10px;
	}

.adminSection {
	margin-left:70px
	}
.adminSection .title{
	font-weight: bold;
	font-size: 120%;
	}

.dkpbutton {
	padding: 3px;
	}
.dkpbuttonover{
	padding: 2px;
	background: #E8FFEA;
	border: 1px solid #BBE8BF;
	}

.roundedcornr_box {
	background: url(/site/themes/default/images/corners/tl.png) no-repeat top left;
}
.roundedcornr_top {
	background: url(/site/themes/default/images/corners/tr.png) no-repeat top right;
}
.roundedcornr_bottom {
	background: url(/site/themes/default/images/corners/bl.png) no-repeat bottom left;
}
.roundedcornr_bottom div {
	background: url(/site/themes/default/images/corners/br.png) no-repeat bottom right;
}
.roundedcornr_content {
	background: url(/site/themes/default/images/corners/r.png) top right repeat-y;
}

.roundedcornr_top div,.roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
	width: 100%;
	height: 30px;
	font-size: 1px;
}
.roundedcornr_content, .roundedcornr_bottom {
	margin-top: -19px;
}
.roundedcornr_content { padding: 0px 10px; }


.largeButton {
	font-size: 130%;
	padding: 2px;
	}
.largeInput {
	font-size: 130%;
	padding: 2px;
	}
.paddedInput {
	padding: 2px;
}

.pagebutton {
	padding-left: 2px;
	padding-right: 2px;
	cursor: pointer;
	}

.adminTitle {
	font-size: 150%;
}
.adminTitle img {
	vertical-align: middle;
}

.adminArea {
	float: left;
	padding-top: 10px;
	padding-bottom: 40px;
	padding-right: 100px;
}

#adminLeft {
	float: left;
	margin-top: 10px;
	}
#adminRight {
	float: left;
	margin-left: 100px;;
	margin-top: 10px;
}

.adminLinks {
	margin-left: 56px;
	margin-top: -5px;
	}

.q99   { color: #E70E0E !important }


.adminContents {
	padding-right:220px;
}

#adminlist {
	width: 200px;
	text-align:left;
	float: right;

	/*padding-left: 10px;*/
	background: #fff;
	margin-top: -7px;
	#margin-top: -8px;
	position: relative;
	}

#admincorner {
	float: left;
	margin-left: -7px;
}

#adminlist ul {

	margin-top: 7px;;
	padding: 0;

	list-style-type: none;
	border-left: 1px solid #C4C4C4;
	border-right: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;

	}
#adminlist ul ul {
	border: 0px solid white;
	margin: 0px;
	}

#adminlist li {
	margin: 0px;
	}

#adminlist a {
	font-weight: bold;
	display: block;
	padding: 2px 10px;
	color: #fff;
	background-color: #C4C4C4;
	text-decoration: none;
	}

#adminlist a:hover {
	/*color: #fff;*/
	background-color: #C4C4C4;
	text-decoration: none;
	}

#adminlist ul ul li {
	margin: 0px;
	}

#adminlist ul ul a {
	font-weight: normal;
	display: block;
	padding: 2px 2px 2px 30px;
	/*width: 125px;*/
	color: #000;
	background-color: #F5F5F5;
	text-decoration: none;

	}

#adminlist ul ul a:hover {
	/*color: #fff;*/
	background-color: #F5F5F5;
	text-decoration: none;
	}

#adminlist ul ul .active a{
	background-color: #fff;
	color: #000;
	margin-left: -1px;
	margin-right: -1px;
	border: 1px solid #C4C4C4;
	border-right: 0px solid #fff;
	border-left: 0px solid #fff;
	}