/*** New Jersey Interactive			 ***/
/*** Application Template, Screen 	 ***/
/*** Dan Chapman, 2011 				 ***/

/*** Reset CSS - Eric Meyer ***/

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, strong, 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;}
body {line-height: 1;color: black; background: #fff;}
ol, ul {list-style: none;}
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: "" "";}

/*** Clearing Floats - Dan Cederholm ***/

.group:after, #primarycontent:after, ul.progress:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

.groupleft:after {
	content: ".";
	display: block;
	height: 0;
	clear:left;
	visibility: hidden;
}

.groupright:after {
	content: ".";
	display: block;
	height: 0;
	clear:right;
	visibility: hidden;
}


/*** General ***/


ul.skip {display: block; float: left; position: absolute; left: -9999em; list-style-position:inside;}

body {
	background: #888;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
}

#wrap {
	background-color: #fff;
	background-image: url(../img/background_blue.gif);
	background-position: fixed;
	background-repeat: repeat-x;
	border-width: 0 0 1px 0; 
	border-style: solid;
	border-color: #fff;
	overflow: hidden;

}

#application {
	margin: 1em auto; 
	background: rgba(255,255,255,.5);
	width: 58em; 
	border: 2px solid rgba(255,255,255,.3); 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 1em;
	
}

#header {
	
	width: 100%;
	background: #345368;
	border-bottom: 1px solid #8AC1DC;
	position: relative;
}


#header h2 a {
  display: block;
  background: url(../img/h1.png) bottom left no-repeat;
  height: 110px;
  width: 770px;
  float: left;

 
}


.title { width: 60em; margin: 0 auto; padding: 0; text-align: left; height: 110px; }
	
h1, h2, h3 {font-family:  Georgia, 'Times New Roman', serif;  font-weight: normal; }

h2.apptitle, h1.department, h1.location  {text-indent: -9999px; float: left; margin: 0; padding: 0; height: 0; width: 0;}

h1.location {float: right; height: 0px;}

h4, h5, h6 {font-family: Helvetica, Arial, sans-serif;}

h3 {font-size: 1.2em; padding: 0 0 1em 0; color: #345368;}
h4 {font-size: 1em; padding: 0 0 .2em 0;}
h5 {font-size: .9em; padding: 1em 0 .2em 0;}
h6 {font-size: .8em; padding: 1em 0 .2em 0;}


#primarycontent h3 {margin-top: 0;}

.related {font-size: .95em;}
.related h4 {font-weight: bold; color: #555;}
.related p {padding-bottom: 2em;}

.related ul {margin: .5em 0 1em 0; list-style-position:inside;}
.related ul li {line-height: 1.5em;}

p {line-height: 1.4em; padding: 0 0 1em 0; font-size: .9em;}
ul li, ol li {line-height: 1.3em; font-size: .9em; list-style-position:inside;}
strong, b {font-weight: bold;}
em, i {font-style: italic; }
cite {font-size: .8em; opacity: .95;}


ul li {list-style-position: inside; list-style-type: square;}
ol li {list-style-position: inside; list-style-type: decimal;}
ol {margin: 0 0 1em 0;}

ul.requirements, ol.requirements {margin: 1em 0 2em 0; padding: 0 0 0 1.5em;}
ul.requirements li, ol.requirements li {line-height: 1.8em; list-style-position: outside; }

a {color: #34678C;}
a:active {color: #204E76;}
a:hover {color: #F99E1C;}
a:visited {color: #444;}

/*** Progress Bar ***/

ul.progress, ol.progress  {
	font-size: .85em;
	display: block;
	margin-left: .85em;
	padding-bottom: 1em;
}

ul.progress li, ol.progress li {
	display: inline; 
	float: left;
	margin: 0 2px 0 0; 
	padding: .6em .5em .7em .5em; 
	background: rgba(52,83,104,.2); 
	font-weight: normal;

	
	/*
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	*/
}

ul.progress li.current, ol.progress li.current {background: rgba(52,83,104,.5) url(../img/selected.png) 50% 145% no-repeat; color: #fff; }
ul.progress li span, ol.progress li span {font-weight: bold; border-right: 1px solid #ccc; padding: 0 .3em 0 0; margin: 0 .1em 0 0;}
ul.progress li.current span, ol.progress li.current span {border-right: 1px solid #bbb;}
ul.progress li.complete, ol.progress li.complete {background: rgba(52,83,104,.3);  color: #333; }


ol.progress {list-style-type: decimal; list-style-position: inside;}

ul.progress li:first-child, ol.progress li:first-child {
	-webkit-border-top-left-radius: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
	-moz-border-radius-topleft: 4px; 
	-moz-border-radius-bottomleft: 4px;
}

ul.progress li:last-child, ol.progress li:last-child {
	-webkit-border-top-right-radius: 4px; 
	-webkit-border-bottom-right-radius: 4px; 
	-moz-border-radius-topright: 4px; 
	-moz-border-radius-bottomright: 4px;
	border-right: none;
}

/*** Subtitle Bar ***/

.subtitle {
	clear: both;
	background: rgba(255,255,255,.1); 
	width: 100%; 
	border-top: 1px solid rgba(255,255,255,.3);
}

.subtitle ul {
	display: block; 
	width: 60em;
	margin: 0 auto;
	
	
}

.subtitle ul li {
	display: inline; 
	float: right;
}

.subtitle ul li a {padding: .5em .8em; display: block; text-decoration: none; color: #fff;}
.subtitle ul li a:hover {text-decoration: underline;}

.subtitle ul li a.shoppingcart {
	background:#323C4E url(../img/gloss.png) 0 50% repeat-x;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em; 
	border-radius: .5em; 
	padding: .3em .5em;
	margin: .25em 0 0 .9em;
	font-weight: bold;
}

.subtitle ul li a.shoppingcart span {background: url(../img/cart.gif) center left no-repeat; padding-left: 24px;}


.subtitle ul li a.shoppingcart:hover {text-decoration: none; background: #222D44 url(../img/gloss.png) 0 50% repeat-x;}


#wrap .subtitle ul li a.shoppingcart em {font-style: normal; font-weight: normal; opacity: .9;}

* html .subtitle ul li a.shoppingcart {background: none; background: #323C4E;}
* html .subtitle ul li a.shoppingcart:hover {background: none; background: #222D44;}

/*** Primary Content ****/

#primarycontent {
	clear: both; 
	/*
	margin-top: 2.9em; 
	*/
	border-radius: 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: .7em;
}


/*** Buttons and Form Actions ***/


#primarycontent .actions {margin: 0; text-align: left; margin: 0; padding: 0; }

#wrap #primarycontent.topaligned .actions {margin:0; padding: 0 0 1em 0; }

#primarycontent.topaligned .actions {margin: 0; padding: 0;}

.actions a, .actions button, .actions input{
    margin:0 1em 0 0;
    background-color:#ddd;
    border:none;
    border: none;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:6px 17px 7px 17px; /* Links */
	border-radius: 16px 16px;
	-moz-border-radius: 16px 16px;
	-webkit-border-radius: 16px;
	vertical-align: middle;
	text-shadow: 2px 2px 2px rgba(255,255,255,.2);
}

.actions button {font-size: 1em;}


.actions a {padding: 6px 20px 7px 20px; font-size:.9em;}
* html .actions a {padding: 6px 10px 7px 7px;} /* IE 6 */
*+html .actions a {padding: 6px 10px 7px 7px;} /* IE 7 */

.actions button{
    width:auto;
    margin: 0;
    overflow:visible;
    font-size: .85em;
    padding:5px 10px 5px 7px; /* IE6 */
}

.actions input.positive, .actions input.negative, .actions input.alternate {font-size: .85em;} 

.actions button[type] {
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:19px; /* Safari */
}

*:first-child+html button[type] {
    padding:2px 10px 4px 7px; /* IE7 */
	margin:0;
}

.actions button img, .actions a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .actions a:hover {
    background-color:#dff4ff;
    border:none;
    color:#336699;
}

.actions a:active{
    background-color:#6299c5;
    border:none;
    color:#fff;
}

/* Positive */

button.positive, .actions a.positive, .actions input.positive, .actions button.positive {
    color:#fff;
    background: #EE9135 url(../img/gloss.png) 0% 50% repeat-x;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.actions a.positive:hover, button.positive:hover, input.positive:hover {
    background: #E76F34  url(../img/gloss.png) 0% 50% repeat-x;
    color:#fff;
    text-decoration: none;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
}

.actions a.positive:active, button a.positive:active, .actions input.positive:active {
    background-color:#E76F34;
    border:none;
    color:#fff;
    padding-top: -2px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);   
}

.actions button.positive {padding: .5em 1.4em .5em 1.3em;}

/* Negative */

.actions a.negative, button.negative, input.negative {
    color:#333;
    font-weight: normal;
    background: #ddd url(../img/gloss.png) 0% 50% repeat-x;
	vertical-align: middle;
}

.actions a.negative:hover, button.negative:hover, input.negative:hover{
    background: #bbb url(../img/gloss.png) 0% 50% repeat-x;
    text-decoration: none;
}

.actions a.negative:active{
    background-color:#bbb;
    border:none;
    color:#fff;   
}

/* Alternate */

.actions a.alternate, button.alternate{
    color:#fff;
    background: #009445;
}

.actions a.alternate:hover, button.alternate:hover{
    background: #007532 url(../img/gloss.png) 0% 50% repeat-x;
    text-decoration: none;
    color:#fff;
}

.actions a.alternate:active{
    background:#007532 url(../img/gloss.png) 0% 50% repeat-x;
    border:none;
    color:#fff;
}

/*** Slim Version ***/

.actions.slim button {font-size: .9em; text-align: center;}
.actions.slim a {padding: 1px 5px 1px 7px; font-size:.85em; margin: 0; }
* html .actions.slim a {padding: 3px 10px 3px 7px; text-align: center;} /* IE 6 */
*+html .actions.slim a {padding: 3px 10px 3px 7px; text-align: center;} /* IE 7 */

div.actions.slim {
    display:inline;
    text-align:left;
}

div.actions.slim button, div.actions.slim a {
    text-align:center;
    width:inherit;
    width:auto;
}

/*** Neutral ***/

.actions a.neutral {
	border: 1px solid #ccc; 
	padding: .4em 1em; margin-bottom: 2em; 
	clear: both; 
	background: #fff; 
	line-height: 3em; 
	font-weight: normal; 
	font-size: .8em;
}


/*** Plain ***/

body #wrap #primarycontent .actions input.plain {text-decoration: none;  padding: .4em; line-height: 1em; display: block; margin: 0;  -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; color: #118811; font-size: .9em; font-weight: normal;  width: auto; text-align: left; background: none; display: inline;}

body #wrap #primarycontent .actions input.plain:hover {color: #3E885C; background: #eee;}


body #wrap #primarycontent .actions input.plain.cancel {display: inline; float: right; text-align: right; margin: 1.2em 0 0 0; color: #555; font-size: .8em; text-decoration: none;  padding: .5em;} 
body #wrap #primarycontent .actions input.plain.cancel:hover {color: #333; background: #eee;}

/*** Miscellaneous Goodies ***/

abbr[title='and'], span.amp {
 font-family: Baskerville, Palatino, "Book Antiqua", serif;
 font-style: italic;
 font-weight: normal;
}

/*** Page Layout ***/

.ten {width: 10%;}
.twenty {width: 20%;}
.thirty {width: 30%;}
.forty {width: 40%;}
.fortyfive {width: 45%;}
.fifty {width: 50%;}
.sixty {width: 60%;}
.seventy {width: 70%;}
.eighty {width: 80%;}
.ninety {width: 80%;}
.onehundred {width: 100%;}

.left {float: left;}
.right {float: right;}

.borderleft {border-left: 1px solid #ccc; padding: 0 0 0 2%;}
.borderright {border-right: 1px solid #ccc;}

.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}

.topmargin {margin-top: 2em;}

.fade {opacity: .95}


/*** Fieldsets and Forms ***/

fieldset {
	background: rgba(255,255,255,.8);
	border: 1px solid #bbb;
	margin: 1em 0;
	padding: 1em;
	display: block;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

fieldset legend {padding: 0em .5em 0 .6em; line-height: 1em; font-weight: bold; color: #345368;}

fieldset ul {direction: block; width: 100%; }
fieldset ul li {list-style-type: square; padding: 0 0 1em 0;  }
fieldset p {padding: 0 .8em;}
fieldset label {padding: .2em .1em 0em .4em; font-size: .85em; font-weight: bold; color: #333;}

#primarycontent.topaligned fieldset label {display: block;}
#primarycontent.topaligned .actions {padding: .5em 1.6em;}

fieldset.signin {background: #dedede;}

fieldset.signin legend {color: #777;}
fieldset.signin legend em {color: #1D2841; font-style: normal;}

fieldset input[type="text"],select,textarea {
	padding: .6em .3em;
	border: 1px solid #888;
	border-radius: 4px;
	font-size: 1em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

fieldset input[type="text"]:focus,textarea:focus,select:focus {
	background: #def; 
	outline: none; 
	-webkit-box-shadow: 0px 0px 14px rgba(0,0,0,.1); 
	-moz-box-shadow:  0px 0px 14px rgba(0,0,0,.1);
}

fieldset select:disabled 
{
    background-color: #EBEBE4;
}


#primarycontent.topaligned fieldset ul li span {font-size: .85em; color: #555;}

fieldset.review label {font-weight: normal;}
fieldset.review span {font-weight: normal; display: block; padding: .3em 0 0 .3em;}
fieldset.review strong {padding: .3em; display: block;}

#primarycontent input[type="radio"] { float: left; display:inline-block; vertical-align:text-bottom; margin:5px .6em 0 0;}



/*** Left Aligned Fieldsets ***/

#primarycontent.leftaligned ul li label {
	clear: both;
	width: 14.5em;
	display:block;
	float:left;
	text-align:right;
	padding-right: 1em;
	white-space:normal;
	line-height: 2.5em;
}

#primarycontent.leftaligned fieldset ul li span {font-size: .85em; display: block; padding-left: 16em; text-align: left; }
#primarycontent.leftaligned .actions {padding-left: 13.5em;}
#primarycontent.leftaligned fieldset.review label {font-weight: normal; line-height: 1em;}
#primarycontent.leftaligned fieldset.review strong {padding: .6em;}
#primarycontent.leftaligned ul.review {margin-left: 12em; text-align: left; margin-top: 1em;}
#primarycontent.leftaligned ul.review ul li strong {clear: both; margin: 0; padding: 0;}
#primarycontent.leftaligned ul.review li label {clear: both; display: block; text-align: left; width: auto; margin-left: 0;}

/*** Misc Fieldset ***/

/*** Checkout ***/

.ordersummary {
	border: 1px solid #bbb; 
	padding: .7em;
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-top: 0;
}

.ordersummary h4 {padding: 0 0 .5em 0; font-weight: bold;}

.ordersummary ul li {list-style-type: none; border-top: 1px solid #777; line-height: 1.8em;}
.ordersummary ul li strong {float: right;}
#primarycontent.topaligned .ordersummary {float: right; width: 30%; margin: 1.6em 1em; font-size: .9em;}



/*** Information Messages ***/

.information {
	border-width: 3px 0;
	border-style: solid;
	padding: 1em .6em 1em 1.8em;
	margin: 1em 0 2em 0;
	-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,.8); 
	-moz-box-shadow: 0px 0px 20px rgba(255,255,255,.8);
}

.information h5, .information h3 {
	font-weight: normal; 
	font-family: Georgia, 'Times New Roman', serif; 
	font-size: 1.2em; 
	padding: 0 0 1em 0em; 
	line-height: 1.4em; 
	display: block;
}

.information.notice {
	border-color: #777;
	background: #eee url(../img/gloss.png) 0% 50% repeat-x;
	color: #333;
}

.information.almostdone {
	border-color: #777;
	background: #fff url(../img/gloss.png) 0% 50% repeat-x;
	color: #333;
}

.information.success {
	border-color: green;
	background: #D0F2CB url(../img/gloss.png) 0% 50% repeat-x;
	color: #164C24;
}

p.checkoff {padding: 0 1em 0 0em; display: inline; float: left; margin: 1em 0; width: 90%;}
.information input[type="checkbox"] { float: left; width: 2em; display: block; margin: 1em 0 1em 0;}

/*** Pretty Ampersands - Thank you Dan Cederholm ***/

span.amp, #pageContainer #header ul#navigation li a .amp {
	font-family: Baskerville, Palatino, "Book Antiqua", serif;
	font-style: italic;
	font-weight: normal;
}

/*** Webkit Transitions ***/

#buttonContainer a {
	-webkit-transition-property: color;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: linear;
}

#buttonContainer a span {
	-webkit-transition-property: color;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: linear;
}



#buttonContainer .actions a, #buttonContainer [type="submit"] {
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .4s;
	-webkit-transition-timing-function: linear;
}

#buttonContainer .actions a {
	-webkit-transition-property: box-shadow;
	-webkit-transition-duration: .6s;
	-webkit-transition-timing-function: linear;
}

input[type="text"]:focus {-webkit-transition: background-color .2s linear;}


/*** Tables *** /

table {border-left: 1px solid #ccc; background: #fff; font-size: .9em; color: #333; }
table th {font-weight: bold; padding: .3em; border-right: 1px solid #ccc; border-left: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #95A7B3; color: #fff;}
table td {padding: .3em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

table caption {padding: .5em 0; color: #395468;}


table tr.odd td {background: #efefef;}

table.fullwidth {width: 100%;}


/*** Splash Screen ***/

ul.applicationpicker {display: block; margin: 0; }
ul.applicationpicker li {float: left; width: 47%; /* width: 22%; */  margin: 0; position: relative;}
ul.applicationpicker li.searches {float: right;}

ul.applicationpicker li p {font-weight: normal; padding: 0;}


ul.applicationpicker li {
	padding: 0;
	background: #eee; 
	display: block; 
	display: block; 
	font-weight: bold; 
	border: 1px solid #ddd; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	opacity: .95;
	text-decoration: none;
	height: auto;
	margin: 1em 0;
}
	
#ctl00_mainContent_lnkBtnUcc1 {font-family: Helvetica, Arial, sans-serif; border: none; background-color:transparent; width :100%; text-align: left; color: #336699; font-weight:bold;}
	
ul.applicationpicker li ul li {display: block; height: auto; float: none; width: auto; background: #fff; margin: 1%; height: auto; padding: 0;}	
ul.applicationpicker li ul li a, #ctl00_mainContent_lnkBtnUcc1 {cursor: pointer; text-decoration: none; margin: 0; padding: 1em; display: block;}	
	
ul.applicationpicker li ul li a:hover, #ctl00_mainContent_lnkBtnUcc1:hover {
	text-decoration: none;
	cursor: pointer; 
	background: #ededed; 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2); 
	box-shadow: 0 0 10px rgba(0,0,0,.2); 
	opacity: 1;
}

ul.applicationpicker li ul li {padding: 0;}
ul.applicationpicker li ul li a:hover, #ctl00_mainContent_lnkBtnUcc1:hover {color: #F99E1C; background: #E6F5FE;}


ul.applicationpicker li em {
	height: 1em; 
	background: #111D37 url(../img/gloss.png) 0 50% repeat-x; 
	display: block; 
	padding: 1em; 
	font-style: normal; 
	color: #fff; 
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	border-bottom: 1px solid #fefefe;
	text-shadow: 2px 2px 0 rgba(0,0,0,.5);
 }


/*** Horizontal Divider ***/

.divider {border-top: 3px solid #ddd; padding: 1em 0; margin-top: 1em;}


/*** Small ***/

.small {font-size: .89em;}

ul.features li {margin: .6em 0;}


/*** Footer ***/

#footer {
	margin: 0 auto;
	width: 100%;
	background: #888;
	border-top: 2px solid #F99E1C;
}

.footercontent {
	width: 60em; 
	margin: 0 auto; 
	padding: 2em 0em; 
	color: #fff; 
	opacity: .85; background: url(../img/atnj.gif) center right no-repeat;
}

#footer dl {
	margin: 0 5% 0 1.4em;
	font-size: .8em;
	width: 22%;
	float: left;
}

#footer dl dd dl {width: 100%; font-size: 1em; margin: 0;}	

#footer dl.address {float: left;}

#footer dt {font-weight: bold; line-height: 1.5em; font-size: 1.2em;}
#footer dd {line-height: 1.5em;}

#footer a {color: #fff; text-decoration: none; display: block; border-radius: 4px; -webkit-border-radius: 4px; -webkit-border-radius: 4px;}
#footer a:active {color: #DDF2FD; }
#footer a:hover {color: #DDF2FD; text-decoration: underline; cursor: pointer; }
#footer a:visited {color: #fff;}

#container p {}




/************************************** Retain this below ******************************************************/



/*** Tables ***/

/*table tr.odd td {background: #efefef;}

table.fullwidth {width: 100%;}

table td a.tableButtons
{
    display: inline;
    border: 1px solid #ccc; 
	background: #fff; 
	line-height: 3em; 
	font-weight: normal; 
	font-size: .8em;
    text-decoration:none;
    margin: 0px 0px 0px .3em;
}
*/
a.tableButtons {padding: 1px 5px 1px 7px; font-size:.8em;  }
* html a.tableButtons {padding: 3px 10px 3px 7px; text-align: center;} /* IE 6 */
*+html a.tableButtons {padding: 3px 10px 3px 7px; text-align: center;} /* IE 7 */

/*** Tables ***/
table.dataOutput { border-left: 1px solid #ccc; background: #fff; font-size: .8em; color: #333; margin:0px 0px 4px 0px;}
table.dataOutput th { font-weight: bold; padding: .3em; border-right: 1px solid #ccc; border-left: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #95A7B3; color: #fff;}
table.dataOutput td { padding: .3em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
table.dataOutput caption {padding: .5em 0; color: #395468;}
table.dataOutput tr.odd td {background: #efefef;}
table.dataOutput.fullwidth { width: 100%;}
table.dataOutput td a.tableButtons { display: inline; border: 1px solid #ccc; background: #fff; line-height: 3em; font-weight: normal; font-size: .8em; text-decoration:none; margin: 0px 0px 0px .3em; }
a.tableButtons {padding: 1px 5px 1px 7px; font-size:.85em;  }
* html a.tableButtons {padding: 3px 10px 3px 7px; text-align: center;} /* IE 6 */
*+html a.tableButtons {padding: 3px 10px 3px 7px; text-align: center;} /* IE 7 */

input.tableButtons { font-size: .85em; padding: .2em;}

table.reviewOutput { font-size: .8em; color: #333; }
table.reviewOutput th { font-weight: bold; padding: .5em; }
table.reviewOutput td { padding: .5em; }
table.reviewOutput tr.odd td {border-top: 1px solid #ccc;}

div.fieldsetDiv { font-size: 0.85em;}

fieldset select, .actions fieldset select {padding: .2em .3em; }
#primarycontent input[type="radio"], 
#primarycontent fieldset ul li input[type="radio"], 
    table input[type="radio"] 
    {
        clear: left;
         width: 20px;
    }
         
#primarycontent.topaligned fieldset ul li span label,
table fieldset ul li span label { font-size: 1em; margin:0 0 0 10px; display:block; float:left; }
.alignCenter { text-align:center;}
.alignRight { text-align:right;}


#primarycontent.topaligned fieldset ul li span label {line-height: 2.1em; width: 85%; margin: 0; padding: 0;}


/*** Admin ***/

ul.sidenav {background: #ddd; width: 20%; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; float: left;}

ul.sidenav li {list-style-type: none; border-bottom: 1px solid #eee; display: block; float: left; width: 100%;}
ul.sidenav li:last-child {border-bottom: none;}

ul.sidenav li a {padding: .5em; display: block; text-decoration: none;  color: #333; display: block; }

ul.sidenav li.selected a {font-weight: bold;}

ul.sidenav li a:first-child {
	
	
}


ul.sidenav li a:hover {text-decoration: underline; background: #AFAFAF;}


.admin {float: left; margin-left: 2em; margin-top: 0; padding-top: 0; width: 75%;}

.admin fieldset {margin-top: 0; }

*+html .admin fieldset {margin-top: -1.5em;}

.admin fieldset .actions a, 
.admin fieldset .actions button
.admin fieldset .actions submit {
	margin-left: .45em;
	clear: both;
}


/*** App Screen stuff ***/


a.tableButtons {padding: 1px 5px 1px 7px; font-size:.85em;  }
* html a.tableButtons {padding: 3px 10px 3px 7px; text-align: center;} /* IE 6 */
*+html a.tableButtons {padding: 3px 10px 3px 7px; text-align: center;} /* IE 7 */

/*** Tables ***/
table.dataOutput { border-left: 1px solid #ccc; background: #fff; font-size: .8em; color: #333; margin:0px 0px4px 0px;}
table.dataOutput th { font-weight: bold; padding: .3em; border-right: 1px solid #ccc; border-left: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #95A7B3; color: #fff;}
table.dataOutput td { padding: .3em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
table.dataOutput caption {padding: .5em 0; color: #395468;}
table.dataOutput tr.odd td {background: #efefef;}
table.dataOutput.fullwidth { width: 100%;}
table.dataOutput td a.tableButtons { display: inline; border: 1px solid #ccc; background: #fff; line-height: 3em; font-weight: normal; font-size: .8em; text-decoration:none; margin: 0px 0px 0px .3em; }
a.tableButtons {padding: 1px 5px 1px 7px; font-size:.85em;  }
* html a.tableButtons {padding: 3px 10px 3px 7px; text-align: center;} /* IE 6 */
*+html a.tableButtons {padding: 3px 10px 3px 7px; text-align: center;} /* IE 7 */

table.reviewOutput { font-size: .8em; color: #333; }
table.reviewOutput th { font-weight: bold; padding: .5em; }
table.reviewOutput td { padding: .5em; }
table.reviewOutput tr.odd td {border-top: 1px solid #ccc;}

div.fieldsetDiv { font-size: 0.85em;}

fieldset select, .actions fieldset select {font-size: 1em; padding: .5em .3em; }
#primarycontent input[type="radio"], 
#primarycontent fieldset ul li input[type="radio"], 
    table input[type="radio"] 
    {
        clear: left;
         width: 20px;
    }
         
#primarycontent input[type="checkbox"], 
#primarycontent fieldset ul li input[type="checkbox"], 
table input[type="checkbox"] {
clear: left;
width: 20px;
}

fieldset td label {
color: #333;
font-size: 0.85em;
font-weight: bold;
padding: 0.2em 0.1em 0.3em 0.4em;
}

body #wrap #primarycontent .actions input.plain.cancel {display: inline; float: right; text-align: right; margin: .7em .5em 0 0; color: #555; font-size: .8em; text-decoration: none;  padding: .5em;}

fieldset input[type="checkbox"] { float: left; width: 2em; display: block;}


#primarycontent.topaligned fieldset ul li span label,
table fieldset ul li span label { font-size: 1em; margin:0 0 0 10px; display:block; float:left; line-height: 1.8em }
.alignCenter { text-align:center;}
.alignRight { text-align:right;}

#primarycontent.topaligned fieldset ul li span label {line-height: 2.1em; width: 85%; margin: 0; padding: 0;}

.WarningMessage {color:Orange;}
.ErrorLabel {color:Red;}

#SearchResultsTable {min-width:400px;}
#SearchResultsTable th {min-width:160px;text-align:right;padding:4px;}

.SearchPageHead{padding:0px 0px 0px 8pt;}

/*** Demo Table Styles ***/

#primarycontent table.display.onehundred {border: 1px solid #ccc; margin-bottom: .5em;}

#primarycontent table.display.onehundred a {color: #fff; text-decoration: none;}
#primarycontent table.display.onehundred a:hover {text-decoration: underline;}

#primarycontent table.display.onehundred td, #primarycontent table.display.onehundred th  {padding: .4em; color: #222;}

#primarycontent table.display.onehundred th {color: #fff;}

#primarycontent table.display.onehundred td span {margin-top: .3em; display: block; color: #eee; margin-bottom: .3em;}

.require 
{
    color: Gray;
    font-size: .7em;
    float: right;
    vertical-align:bottom;
}
.messageCenter { padding-top:10px; padding-bottom:10px; }
.messageCenterHeader { font-weight:bold; padding:0; margin:0; }
.removeStyles label { font-weight:normal; padding-top:4px; font-size:.8em; !important }
*html table.removeStyles label { position:absolute; }
table { width:100%; }
table table th a { color:white; }
table table td { vertical-align:middle; }
div.splogo { float:right; margin:5px 0 0 0; }