div#guidance p {
	margin-top:12px;
}

div#guidance ul li, ol li {
	margin-top:6px;
}

div#guidance img {
	margin:20px ;
}


/* TableSorter css */
thead th.tablesorter-header{
    background-repeat: no-repeat;
    background-position: right center;
}
.tablesorter-header{
	background-repeat: no-repeat;
    background-position: right center;
	background-image: url("data:image/gif;base64, R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==");
}
.tablesorter-header.sorter-false{
	background-repeat: initial;
    background-position: initial;
	background-image: unset;
}
thead th.tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
thead th.tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
/* end of TableSorter css */


/* lightbox */

    .black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.5;
        opacity:.50;
        filter: alpha(opacity=50);
    }
	
    .white_content {
        font-size:10pt;
		display: none;
        position: absolute;
		margin:0px;
		top: 25%;
        left: 15%;
        width: 70%;
        padding: 10px;
		border: 3px solid #3377D6;
        background-color: white;
        z-index:1002;
		font-weight:normal;
        overflow: auto;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		font-family: arial, sans-serif;	
    }

	 .white_content ul{
		margin:10px 0px;	
		
	}

	
	
	
	div.lightbox {	
		margin: 10px 0px;		
		text-align:center;
	}		
	
	div.lightbox img {	
		border: 1px solid #888;	
		margin:10px;
		-moz-box-shadow: 5px 5px 5px #888;
		-webkit-box-shadow: 5px 5px 5px #888;
		box-shadow: 5px 5px 5px #888;
	}	

	
	
	
	/***/
	
	
	.quote {
	color: purple;
}

.quote:before {
	content: "\201C";
}

.quote:after {
	content: "\201D";
}

.reviewer {
	font-size: 0.8em;
	color: #808080;
}


/*
html {
	padding:0;
	margin:0;
	border:0;
	background:#ffffff;
	overflow:auto;
	width:100%;
	height:100%;
}
*/	

body {
	background:#DDD;
	padding: 0;
	margin: 10px;
	border:0;
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	text-align:center;
	
/*
  text-align: center;
  background:#ffffff;
  height: 100%;
  width:100%;
*/
}

/* -------------------------- structure ----------------------------------------- */

#container {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	color:#525252;
	background:#53106B;  
	width:960px;
	border:1px solid #53106B;
	margin:0 auto;  
}

#header {
	background-image: url('../images/classroom.jpg');
	background-color:#f7f0dd;
	background-repeat:no-repeat;
	background-position:bottom right; 	
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	height:135px;
	color: #53106B;
	margin:5px;
	text-align:left;
}

#userinfo {
	font-family: 'Marvel', sans-serif;
	font-size:13pt;
	margin:5px 5px 0px 5px;
	background: #456B9C; 
	padding:10px 5px;
}

#userinfo  table{
	border:0;
	margin:0px 5px;
}

#userinfo  table td{	
	text-align:left;
	padding:2px;
	color:#FFF;
}

#navigation_1, #navigation_2 {	
	text-align:left;
	padding: 5px;
	clear:both;
}

#navigation_1 ul, #navigation_2 ul {
	list-style:none;
	margin:0;
	padding:0;
}

#navigation_1 li, #navigation_2 li {
	display:inline;
	}

#navigation_1 a, #navigation_2 a {
	border:1px solid #CCC;
	margin-left:5px;
	font-size: 1em;
	display: block;
	float:left;
	display:inline;
	font-weight:bold;
	padding:0px 5px;
	text-decoration:none;
}

#navigation_1 a.normal {
	background-color:#53106B;
}

#navigation_1 a.highlight, #navigation_1 a.highlight:hover {
	background-color:#009B97;
}

#navigation_1 a:hover {
} 

#navigation_2 a:hover {
}

#content, #guidance {
	background:#FFF;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	padding: 20px;
	margin:0px 5px;
	text-align:left;
	overflow:auto;
	min-height:790px;
}

#left-side {
	width:58%;
	margin:0px;
	text-align:left;
	overflow:hidden;
	float:left;
}


#right-side {
	float:right;
	width:35%;
	margin:0px;
	text-align:left;
	overflow:hidden;
}

#ui-datepicker-div {
    font-size:12px !important;
}

.my_widget_panel, .widget_panel, .rss_panel {
	font-weight:normal;		
	font-style:normal;			
	background: #FFF;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	border:1px solid #53106B;
	padding:10px;
	margin-top:5px;
	/*-moz-box-shadow: 3px -3px 3px #888;
	-webkit-box-shadow: 3px -3px 3px #888;
	box-shadow: 2px -2px 2px #888; 
	*/
}

.widget_panel {
	padding-top:0px;
	overflow: hidden; 
}


div.slidercontent {
    position:absolute;
    width: 1620px;
	
}
div.slidercontent .section {
    float:left;
    width:480px;
    padding-right:90px;
}
.slidepanel {    
    position:relative;    
    width:480px;
    height:400px;
    overflow:hidden;
}

div.panel_nav .controller {
	cursor: pointer;
}

div.slidercontent .widget_items {
    float:left;
	width:100%;
    padding: 10px 0px;
    border-bottom: 1px solid #CCC;
}


/* Data Tables START */

.dataTables_length {

	float:left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}
.dataTables_info {
	text-align: center;

}



.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_button {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
	padding: 0px 5px;
}

.paginate_button:hover {
	text-decoration: none !important;
}
.paginate_button:active {
	outline: none;
}

.paginate_button.disabled {
	color: #666 !important;
}
.paginate_button.previous {
	padding-left: 23px;
	margin-right: 10px;
}
.paginate_button.next {
	padding-right: 23px;
	margin-left: 10px;
}
.paginate_button.current {
	color: orange !important;
}



.paginate_button .previous .disabled {
	background: url('../images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_previous {
	background: url('../images/back_enabled.png') no-repeat top left;
}
.paginate_enabled_previous:hover {
	background: url('../images/back_enabled_hover.png') no-repeat top left;
}

.paginate_disabled_next {
	background: url('../images/forward_disabled.png') no-repeat top right;
}

.paginate_enabled_next {
	background: url('../images/forward_enabled.png') no-repeat top right;
}
.paginate_enabled_next:hover {
	background: url('../images/forward_enabled_hover.png') no-repeat top right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('images/sort_asc.png') no-repeat center right;
	background-color: #000080;
}

.sorting_desc {
	background: url('images/sort_desc.png') no-repeat center right;
	background-color: #000080;
}

.sorting {
	background: url('images/sort_both.png') no-repeat center right;
	background-color: #000080;
}

.sorting_asc_disabled {
	background: url('images/sort_asc_disabled.png') no-repeat center right;
	background-color: #000080;
}

.sorting_desc_disabled {
	background: url('images/sort_desc_disabled.png') no-repeat center right;
	background-color: #000080;
}
 
table.display thead th:active,
table.display thead td:active {
	outline: none;
}
/* Data Tables END */
.widget_items ul {
	margin:5px;font-size:13px;
	color: #212E4C;
	font-weight:normal;
}

.panel_nav {
	float:right;	
	font-family: arial, sans-serif;
	margin:0px -10px 10px 0px;
	padding:5px;
	font-size:0.8em;
	color:#000;
}

.panel_nav img {
	margin-bottom:-10px;
}

.rss_panel {
	background:#9d0c01;
	border:none;
}

.my_widget_panel {
	background: #EEE;
	margin-top:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	border:1px solid #007C7C;
}

.widget_panel h2 {	
	font-family: 'Marvel', sans-serif;
	font-size:16pt; 
	display:inline-block;
	background: #53106B;	
	border-top-left-radius:10px;
	border-bottom-right-radius:10px;
	margin:0px 0px 10px -10px;
	padding:5px 10px;
	color:#FFF;
	max-width:390px;
}

.message_panel h2, .rss_panel h2 {	
	font-family: arial, sans-serif;
	margin:0px 0px 10px 0px;
	font-size:1.2em;
	color:#000;
}

.rss_panel h2 {
	color:#FFF;
}

h2.curved {
	background:#007C7C;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	padding:4px;
	margin:0px;
	font-family: 'arial', sans-serif;
	text-align:center;
	font-size:16pt;
	color:#FFF;
}

.message_panel {
	padding:10px;
	border:0px;	
}

.my_widget_panel a, .widget_panel a, .message_panel a {
	color: #3377D6;
}

.my_widget_panel a:hover, .widget_panel a:hover, .message_panel a:hover {
	color: #102C6D;
}

.quotes p{
	font-size:0.85em;
	font-weight: normal;
}

#internalmenu {
	background:#dd0000;
	width:210px;
	margin:15px;
}

#internalmenu span.heading {
	background:#880000;
}

/* FAQ */

.faq {
	font-size:10pt; 
	cursor: hand;
	cursor: pointer;
	border: 1px solid purple;
	margin: 12px 5px;
	padding: 4px 8px;
	color:#333;
	color:purple;
	border-radius:5px;
}

 .faq_ans { 
	font-family: 'Roboto', sans-serif;
	color:#525252;
	font-weight:normal;
	font-size:10pt; 
	display:none;
	margin-top:7px;
	border-top:1px dashed #CCC;
	padding:5px;
}


/* active projects, projects3.asp */
.phasename {
	display: none;
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: white;
	border: 2px groove #525252;
	padding: 10px;
}

/* footer */

fieldset {
	border-radius:10px;
	border:1px solid #53106B;
}

fieldset.news {
	border:1px solid #B20000;
}



#footer {
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	font-size: 0.9em;
	font-weight: bold;
	color:#FFF;
	background:#53106B;
	text-align: center;
	clear:both;
	border-top:1px solid #D8A3F0;
	border:1px solid #53106B;
	padding: 3px;
	margin:0px;
	text-align:center;
}	


#loginbox {
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	margin-top:10px;	
 	display:none;
}

#border {
	width:100%;
	height:2px;
	background:#53106B;
	margin-top:5px;
}

/* authorinfocus */
ul.gallery { 
	list-style: none;
	padding:0;
	
}

ul.gallery li a, ul.gallery li a:visited {
	margin:0px;
	width:100%;
	position: relative;
	float: left;
	font-size: 10pt;
	font-family: 'The Girl Next Door', cursive;
	font-weight:normal;
	line-height:20px;
}
	
ul.gallery li a.pic-1 {
	text-align:center;
	border-radius:20px;
}

ul.gallery li a.pic-1 img {
	border-radius:50%;
}
	
ul.gallery li a:hover {
	-moz-box-shadow: 3px 5px 15px #333;
}
	
	
	/* -------------------------- divs / boxes ----------------------------------------- */
	
div.infocopy {
	background:#A9F5D0;
	padding:10px 10px 10px 10px;
	width: 750px;
	color:#004E5B;

}

div.error {
	border-radius:15px;
	margin:0px auto;
	width:82%;
	padding:10px 10px 10px 55px;
	background-image: url('stop.png');
	border: 1px solid;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #D8000C;
	background-color: #FFBABA;
	
}

div.warning {
	border-radius:15px;
	margin:0px auto;
	width:82%;
	padding:3px 3px 3px 50px;
	border: 1px solid;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url('warning.png');
	color: #9F6000;
	background-color: #FEEFB3;
}


div.warning1 {
	border: 1px solid;
	padding:10px 0px 10px 55px;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url('warning.png');
	color: #9F6000;
	background-color: #FEEFB3;
	max-width:650px;
}

div.success{
	border-radius:15px;
	margin:0px auto;
	width:82%;
	padding:10px 10px 10px 55px;
	border: 1px solid;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url('success.png');
	color: #4F8A10;
	background-color: #DFF2BF;
}

div.info {
	border-radius:15px;
	margin:0px auto;
	width:82%;
	padding:10px 10px 10px 55px;
	border: 1px solid;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url('info.png');
	color: #00529B;
	background-color: #BDE5F8;
}

div#guidance div.info p{margin-top:0;}

#processcaption {
	border-radius:15px;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url('info.png');
	border: 1px solid;
	position: absolute; top: 170px; left: 725px;
	margin:5px;
	padding:10px 10px 10px 55px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	color: #00529B;
	background-color: #BDE5F8;
	max-width:350px;
	display:none;	
}




div.helpBox{
	padding: 0 5px 0 5px;
	margin: 10px 0 0 0;
	background-color: #EDEDFF;
	border: .2em SOLID #CDCDFF;
}

div.info1 {
	border: 1px solid;
	padding:10px 10px 10px 60px;
	background-repeat: no-repeat;
	background-position: 15px center;
	background-image: url('info.png');
	color: #00529B;
	background-color: #BDE5F8;
	max-width:750px;

}

div.homequotes {
	max-width:750px;
	padding:5px 5px 5px 60px;
	background-repeat: no-repeat;
	background-position: 15px center;
	background-image: url('q1.gif');
	color: #0404B4;
	background-color: #E3CEF6;
	border: 2px solid #E3CEF6;
}

div.homequotes a {
	color: #009B97;
}

div.quotesleft {
	padding:5px 5px 5px 45px;
	margin:5px 5px 5px 5px;
	background-repeat: no-repeat;
	background-position: 5px 5px ;
	background-image: url('q1.gif');
	color: #0404B4;
	width: 265px;
	float: left;
	min-height: 105px;
	background-color: #FFFFFF;
}

div.orderinfobox {
	width:250px;
	float:right;
	padding:1px;
	font-size:11pt; 
	background-color:green;
	color: color;
	border-radius: 15px;
	margin:10px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
}

div.orderinfobox p{
	text-align:center; 
	font-weight:bold; 
	color:white;
	margin:2px;
}

 div.productinfo {
	margin:3px;
	padding:2px 6px;
	background-color:#EEF4F4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
 }


/* specification authors page*/

#myspec {
	width:100%;
}

#myspec .col{
	width:20%;
}

#myspec .col:last-child{
	width:5%;
}

#specselect {
	clear:both;
}

#specselect select{
	width:22%
}

#specselect .specification {
	padding: 5px;
	background-color: lightsalmon;
	margin-right: 2px;
}




/* specification end  */

 div.textbox {
	border:1px solid #888;
	padding:5px;
	margin:0px;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	display:inline-block;
	
}

div.textbox p{
	margin:5px;
}

div.textbox td{
	vertical-align:top;

}



blockquote.style1 {
			font-family:"Georgia",Times New Roman,Serif;
			padding: 5px 0px;
			border-top: 1px solid #e1cc89;
			border-bottom: 1px solid #e1cc89;
			margin: 10px 5px;
			background-image: url(../images/openquote1.gif);
			background-position: top left;
			background-repeat: no-repeat;
			padding-left: 25px;
			background-color: #FFFFCC;
			font-size: 9pt;
			color: gray;
			display:inline-block;
}
		

blockquote.style1 p {
			margin: 0px 0px 5px 0px;
			font-size: 10pt;
			color: black;
}
		
		
blockquote.style1 span {
			display: block;
			background-image: url(../images/closequote1.gif);
			background-repeat: no-repeat;
			background-position: bottom right;
			padding-right:25px;
}



div.color1 {
	border: 2px solid #8000FF;
}

div.color2 {
	border: 2px solid #8000FF;
}

div.color3 {
	border: 2px solid #8000FF;
}

div.color4 {
	border: 2px solid #8000FF;
}

div.color5 {
	border: 2px solid #8000FF;
}

div.color6 {
	border: 2px solid #8000FF;
}

div.color7 {
	border: 2px solid #8000FF;
}



div.info-right {
	background:#D9FAFF;
	border:1px solid #007B91;
	margin: 5px;
	padding:5px;
	width:280px;
	float:right;
}

div.box-tl {
	background:url(../images/box-tl.gif) 0 0 no-repeat #EEE8F9;
	width:175px;
	float:right;
	margin:10px 0 10px 10px;
}

div.box-tr {
	background:url(../images/box-tr.gif) 100% 0 no-repeat;
	width:175px;
	float:right;
}

div.box-bl {
	background:url(../images/box-bl.gif) 0 100% no-repeat;
	width:175px;
	float:right;
}

div.box-br {
	background:url(../images/box-br.gif) 100% 100% no-repeat;
	width:175px;
	float:right;
}

div.box-br a {
	color:#53106B;
}

div.box-br a:hover {
	background:#F2DDFA;
}


a.popup{
    position:relative; /*this is the key*/
    z-index:24;
/*	background-color:#ccc; */
    color:#000;
    text-decoration:none}

a.popup:hover{z-index:25; background-color:#ff0}

a.popup span{display: none}

a.popup:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:-8em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}


/* -------------------------- lists ----------------------------------------- */
UL	{
	margin: 0;
	list-style:	square;
}

table.projects ol {
	padding:0px 20px;
	font-weight:bold;
		
}


/* -------------------------- links ----------------------------------------- */

a {
	color:#102C6D;
	font-weight:bold;
	text-decoration:none;
}

table.projects a.forgotten {
	color:blue;
	float:right;
	font-style:italic;
	font-size:9pt;
	margin-top:5px;
}

a.button {
	display:block;
	background:#dd0000;
	color:white;
	width:100px;
	text-align:center;
	padding:2px;
}

a.button:hover {
	text-decoration:none;
	background:#ff0000;
}

a.rss_title {
	color:#000;	
	font-size:0.9em;
	font-family: arial, sans-serif;
}


/* -------------------------- navbar ----------------------------------------- */

.navbar { clear:both; font-family: 'Marvel', sans-serif; font-size:13pt; margin-top:10px; float:left; border: 2px solid #53106B; border-left:none; border-top-right-radius:15px; background:#53106B; z-index:-1;}
.navbar ul {padding:0; margin:0px; list-style: none; }
.navbar a:link, .navbar a:visited {text-decoration: none; font-weight:bold;}
.navbar ul li {float:left; position:relative; }
.navbar ul li a, .navbar ul li a:visited {display:block; color:#fff; width:95px; padding:2px 5px; text-align:center; }
.navbar ul li a:hover {display:block; background:#FFF; color: #53106B;}
.navbar ul li a.right-curve:hover {border-top-right-radius:13px;}
.navbar ul li ul, .navbar ul li:hover ul li ul {display: none; margin:0px;}

.navbar ul li:hover ul {display:block; border-top:1px solid #53106B; position:absolute; left:0; z-index:1;}
.navbar ul li:hover ul li a {display:block; border:1px solid #52106a; text-align:center; border-bottom:1px dotted #fff; background:#52106a;}
.navbar ul li:hover ul li a.bottom-curve {border-bottom-right-radius:13px; border-bottom-left-radius:13px; border-bottom:1px solid #52106a; }
.navbar ul li:hover ul li a:hover {color:purple; background:#FFF;}
.navbar ul li:hover ul li:hover ul {display:block; position:absolute; left:124px;}



.navbar2 { font-family: 'Marvel', sans-serif; font-size:12pt; float:right; margin:10px; }
.navbar2 ul {padding:0; margin:0px; list-style: none; background:#000; }
.navbar2 a:link, .navbar2 a:visited {text-decoration: none; color: #FFF; font-weight:bold; }
.navbar2 ul li {margin:0px 2px; float:left; border-radius:6px; position:relative; background:black; }
.navbar2 ul li a, .navbar2 ul li a:visited {display:block; border:1px solid black; color:#fff; border-radius:6px; padding:2px 4px; text-align:center; }
.navbar2 ul li a:hover {display:block; border:1px solid; background:#FFF; color: #000;  }
.navbar2 ul li ul, .navbar2 ul li:hover ul li ul {display: none; margin:0px;}
.navbar2 ul li:hover ul {display:block; position:absolute; left:0; }
.navbar2 ul li:hover ul li a {display:block; text-align:center; border-bottom:1px solid #FFF;}
.navbar2 ul li:hover ul li:hover ul {display:block; position:absolute; left:124px;}

/* -------------------------- headings ----------------------------------------- */


h1 {
	color:#000;
	font-family: 'Marvel', sans-serif;
	margin: 0px 0px 30px 0px;
	padding-top:0;
	font-size:26pt;
}


h1.printheader {
	color:black;
	font-size:20pt;
}

h1.new {
	font-size:14pt;
	font-style:italic;
	text-align:right;
	color:#52106a;
	margin:0 10px 0 0;
	padding:0;
	background:#ffffff;
}

h2 {
	font-family: 'Marvel', sans-serif;
	font-size:18pt;
	color:#007C7C;
	padding-bottom:0;
	margin-bottom:0px;
}

fieldset h2{
	font-family: 'Marvel', sans-serif;
	margin:0px 5px;
	color:#007C7C;
}


fieldset.news  h2{
	color: #B20000;
	font-size:1.4em;
}


fieldset {
	margin-top:10px;
	border-radius:8px;
	border:1px solid #007C7C;

}

h3 {
	margin: 0;
	margin-top: 16px;
	font-size:1em;
	clear:both;
}

h3.title {
	color:#295FAB;
	font-family: 'Marvel', sans-serif;
	font-size:16pt;	
	margin-bottom:10px;	
	text-align: center;

}

span.date {
	margin:4px 10px;
	font-weight:bold;




}

/* -------------------------- spans / paragraphs ----------------------------------------- */

p {
	margin:0;
}


p.msg {
	margin:10px;
	font-size:11pt;
}

p.msg h2 {
	margin:0;
	margin-top:10px;
	font-size:1.4em;
}


p.error {
	color: red;
	font-weight: bold;
}


.error_msg {
	font-weight:bold;
	color:
}


p.title {
	font-weight:bold;
	font-family: 'Marvel', sans-serif;
	font-size:14pt;

}

p.description {
	font-size:13px;
	color: #212E4C;
	font-weight:normal;			
	font-style:normal;			
}

p.links {
	text-align:right;	
	font-weight:normal;		
	font-style:normal;			

}

p.links a{
	color:#2B547E;
	font-weight:normal;	
}

p.links a:hover{
	text-decoration:underline;
}

span.heading {
	background:#A352C1;
	color:#ffffff;
	font-weight:bold;
	display:block;
	margin:0;
	padding:3px 3px;
	text-align:center;
}


p.royalty_text {
	text-align:center; 
	font-size:0.9em;
	color:#007C7C;
}

p.royalty_total {
	text-align:center;
	font-size:30pt;
	margin:5px;
}

table.royalty {
	font-size:0.8em;	
	margin:10px auto;
	border:none;	
}

table.royalty td {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:4px;
	
	
}

/* -------------------------- images ----------------------------------------- */

#zzlogo {
	float:left;
	display:inline;
	margin:5px 0 0 5px;
	border:0;
}

/* -------------------------- tables ----------------------------------------- */

table {
	padding:0;
	margin: 0;
	border: 1px solid black;
	border-collapse:collapse;
}

table.inbox {
	font-family: arial, sans-serif;	
	font-size:0.8em;
	border:0px;	
	width:100%;
	margin:10px 0px;
}

table.inbox  td{
	padding:4px;
}

table.inbox  tr{
	border-bottom:1px dotted #888;
	border-top:1px dotted #888;
}

table.inbox  a{
	color: #000;	
}

table.inbox  a:hover{
	text-decoration: underline;
}

.compact td{
	padding: 0.1em !important;
}

.compact-medium td{
	padding: 0.4em 0.4em 0.4em 0.4em !important;
	margin:0;
}



table.info {
	padding:0;
	width:650px;
}

table.zz {
	padding:0;
	margin: 5px 0 0 0;
/*	width:650px; */
}

table.info th, table.zz th {
	padding:0;
	background:black;
	text-align:center;
	color:white;
}

table.info td, table.zz td, table.reviews td {
	padding-left: 0.25em;
	padding-right: 0.25em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

table.info a {
	color:#004E5B;
	display:block;
	width:200px;
	padding:0 3px;
}

table.info a:hover {
	text-decoration:none;
	background:#CAF9FF;
}

table.info a.normal {
	display:inline;
}

table.info a.normal:hover {
	text-decoration:underline;
	background:transparent;
}

table.grid tr {
	border:1px solid black;
}


table.grid th {
	border:1px solid black;
	background:#000000;
	text-align:center;
	font-weight:bold;
	color:white;
}

table.grid td {
	border:1px #e5eff8;
}


/* project and internal tables */

table.projects {
	width: 90%;
	margin:20px auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#525252;
	font-size:12px;	
	background:#eaebec;
	border:1px solid #CCC;

}

table.projects th {
	padding:5px;
	font-size:1.2em;
	background: #CFCFCF;
	background: -webkit-gradient(linear, left top, left bottom, from(#CFCFCF), to(#ebebeb));
	background: -moz-linear-gradient(top,  #CFCFCF,  #ebebeb);
	text-align: left;
}

table.projects th.subhead {
	font-size:1em;
	text-align: center;
	background: #ededed;
	border:1px solid #ccc;
}

table.projects tr {
	text-align: center;
	padding-left:20px;
}

table.projects td {
	vertical-align:top;
	text-align:left;
	padding:8px;
	border:1px solid #CCC;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}


table.projects tr.dark td {	
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}


table.projects td.private {
	background:#E6F0E6;
	border:1px solid #66A366;
}

table.projects td.private, table.projects td.public{
	font-family: 'Roboto', sans-serif;
	padding:10px;	
	line-height:18px;
	font-size: 1.1em;
}

table.projects td.private h1, table.projects td.public h1{
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color:#000;
	margin:0px 0px 5px 0px;
}


table.internal {
	width: 80%;
	margin:20px auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#525252;
	font-size:12px;
	background:#E6F0E6;
	border:#ccc 1px solid;
}

table.internal th {	
	padding:5px;
	font-size:1.2em;
	background: #66A366;
	text-align: left;
	color:#FFF;	
}

table.internal th.subhead {
	font-size:1em;
	text-align: left;
	color:#FFF;
}

table.projects th.review_separator {
	background:#666;
	color:white;
	padding:0px;
	height:3px;
}

table.projects th.review_edit {
	background:#66A366;
	vertical-align:top;
	
}

span.distilled {
	font-family: 'Roboto', sans-serif;
	font-size:10pt;
}


table.projects th.review_edit a{
	color:white;
}

table.internal th.button, table.projects th.button {
	text-align: center;
}


table.internal tr {
	text-align: center;
	padding-left:20px;
}

table.internal td {
	vertical-align:top;
	text-align:left;
	padding:8px;
	border: 1px solid #CCC;
	background: #E6F0E6;

}
table.internal tr.dark td {	
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}

/**/


table.reviews {
	width: 100%;
	border: solid 1pt #CECEF6;
	background-color: #EFEFFB;
	margin:1em;
	border-collapse:collapse;
	font-size: 11pt;
}

table.reviews th {
	border: solid 1pt #CECEF6;
	background-color: #CECEF6;
	padding-left: 0.25em;
	color: #000000;
	font-size: 12pt;
}

table.reviews th.subhead {
	background-color: black;
	color: #ffffff;
}

table.reviewlist {
	width: 100%;
	border: solid 1pt #CECEF6;
	background-color: #EFEFFB;
	margin:1em auto;
	border-collapse:collapse;
	font-size: 11pt;
}


table.reviewlist th {
	border: solid 1pt #CECEF6;
	background-color: #CECEF6;
	padding-left: 0.25em;
	color: #000000;
	font-size: 12pt;
}


table.reviewlist th.subhead {
	background-color: black;
	color: #ffffff;
}

table.reviewlist  {
	width: 100%;
	background-color: #FFFFFF;
	margin:1em auto;
	border-collapse:collapse;
	font-size: 11pt;
}

table.reviews, table.reviewlist td {
	border: solid 1pt #CECEF6;
	padding-left: 0.25em;
	padding-right: 0.25em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

table.review1 {
	border:1px solid black;
	border-collapse:collapse;
	width:100%;
}

table.review1 th {
	background:black;
	text-align:center;
	color:white;
}

table.review1 td {
	border-top:1px solid #F5D49A;
	text-align:left;
}

table.review2 {
	border:1px solid red;
	border-collapse:collapse;
	width:100%;
}

table.review2 th {
	background:red;
	text-align:center;
	color:black;
}

table.review2 td {
	border-top:1px solid red;
	text-align:left;
}


table.special td {
	border-left:1px solid black;
}

table.special a {
	display:inline;
}

table.special a:hover {
	text-decoration:underline;
	background:transparent;
}

table.personal {
	width: 650px;
	border: solid 1pt #CECEF6;
	background-color: #EFEFFB;
	margin:1em auto;
	border-collapse:collapse;
	font-size: 11pt;
}

table.personal th {
	border: solid 1pt #CECEF6;
	background-color: #CECEF6;
	padding-left: 0.25em;
	color: #000000;
	font-size: 12pt;
}

table.personal td {
	padding-left: 0.25em;
	padding-right: 0.25em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

table.reviewsend {
	width: 650px;
	border: solid 1pt #CECEF6;
	background-color: #EFEFFB;
	margin:1em auto;
	border-collapse:collapse;
	font-size: 11pt;
}

table.reviewsend th {
	border: solid 1pt #CECEF6;
	background-color: #CECEF6;
	padding-left: 0.25em;
	color: #000000;
	font-size: 12pt;
}

table.reviewsend td {
	padding-left: 0.25em;
	padding-right: 0.25em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

table.zz {
	width: 575px;
	background:#dd0000;
	color:white;
}


table.reviewdetail {
	background:#dd0000;
	color:black;
}

table.reviewdetail td {
	border-top: 1px solid black;
	padding: 5px;
}

table.white {
	background:#FFF;
	border: none;
}

table.white tr td {
	background:#FFF;
	border: none;
}

table.yellow {
	background:#FF9;
}

table.yellow td {
	border:1px solid black;
	padding-left: 0.25em;
	padding-right: 0.25em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;

}

table.yellow a {
	color:#00C;
}

tr.line {
  border-collapse: collapse;
  height: 1.5pt;
  padding: 0;
  margin: 0;
  border:1pt solid #000000;
  font-size: 2pt;
  background-color: #000000;
}

tr.highlight-pink, td.highlight-pink {
	background: pink !important;
}

tr.highlight-yellow, td.highlight-yellow {
	background: yellow !important;
}


/* -------------------------- dividers & new pages ----------------------------------------- */

hr.newpage {
  border: none;
  padding: 0;
  margin: 0;
  margin-top: 60;
  color: #FFFFFF;
  page-break-after: always;
}


/* -------------------------- textareas, selection boxes, buttons ----------------------------------------- */

textarea {
 margin-top:5px;
 font-family: arial, sans-serif;
 color: #0B0B61;
 border: 1px solid #006;
}

input, select, textarea {
	border:1px solid #CCC;
	font-size:1em;
	font-family: 'Roboto', arial, sans-serif;
	color: #000; 
	padding:4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

input.btn::-moz-focus-inner, input.author_btn::-moz-focus-inner {
    padding: 0;
    border: 0
}


/* Start button */
.btn, a.btn { 
	font-weight:bold;
	padding:4px 10px;
	font-family: 'Marvel', sans-serif;
	font-size:18px;
	margin: 0px 5px; 
	position: relative; 
	color: #102C6D; 
	text-shadow: 0px 1px 0px rgba(255,255,255,0.59); 
	outline: none; 
	background: #ececec; 
	border: 1px solid #d8d8d8; 
	border-bottom: 1px solid #ccc; 
	border-radius: 30px; 
	cursor: pointer; 
	overflow: visible; 
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57); 
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57); 
	-o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57); 
	box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57);
}

.btn:hover, a.btn:hover {
	color: #000; 
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75); 
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75); 
	-o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75); 
	box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75);
}

.btn:active, a.btn:active {
	color: #696969; 
	border: 1px solid #d2d2d2; 
	border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); 
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); 
	-o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); 
	box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20);
}


.author_btn { 
	font-family: 'Marvel', sans-serif;
	font-size:18px;
	font-weight:bold;
	padding:2px 8px;
	margin: 0px 3px; 
	position: relative; 
	color: #F7F0DD; 
	outline: none; 
	background: #102C6D; 
	border-radius: 5px; 
	cursor: pointer; 
	overflow: visible; 

}

.author_btn:hover {
	color: white; 
}

.author_btn:active {	
	border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); 
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); 
	-o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); 
	box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20);
}

/* End buttons */



div.button_bar {
	padding: 5px;
	margin:10px auto;
	text-align:center;
}

/* -------------------------- Modals  ----------------------------------------- */


/* The Modal (background) */
.modal {
	/* display: none; */ /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 80%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
  }
  /* Add Animation */
  @-webkit-keyframes animatetop {
	from {top:-300px; opacity:0} 
	to {top:0; opacity:1}
  }
  
  @keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
  }
  
  /* The Close Button */
  .close {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
  }
  
  .modal-header {
	padding: 2px 16px;
	background-color: #5cb85c;
	color: white;
  }
  
  .modal-body {padding: 2px 16px;}
  
  .modal-footer {
	padding: 2px 16px;
	background-color: #5cb85c;
	color: white;
  }

/* -------------------------- End modals  ----------------------------------------- */

/* -------------------------- differences on screen ----------------------------------------- */

#printonly {
	display: none;
  	}

.noprint {
	display: block;
  	}
  	
 	
  	
/* ------------------------- differences when printing ------------------------- */

@media print {

#printonly {
	display: block;
  	}

.noprint {
	display: none;
  	}

span.noprint {
	display: none;
  	}

#menulinks, #accountlinks {
	display: none;
	}

#main-content {
	border: 1px solid black;
	margin: 0 0 0 0;
}

}