/*

Skin Name : default
version   : 1.0
Creator   : DMXReady

*/



/* Application CSS */
body
{ 
margin:0px;
padding:0px;
background: #242021 url(../images/css_bg_screen.png);
font-family: "sans serif", Verdana, Arial; 
background-attachment: fixed;
font-size: 0.85em;  
line-height: 1.5;
}

table,tr,td {margin:0;}
form {padding: 0px; margin:0;  background-color: #fff;}
img {border: 0px dotted red;}
table,tr,td, h1, h2, h3, h4, h5, ul, li, ol, p {	 text-align: left; /* counter the body center */}

h1 {font-size:1.75em;}
h2 {font-size:1.4em;}

a, a:link, a:visited 
{
text-decoration:none;
color:#0066FF;
}

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

#page	
{
width:80%;
float: none;
margin:0 auto;
padding:0px;
border: 0px dotted #efefef;
background-color: #fff;
text-align: left; /* counter the body center */
}


#header 
{
clear:both; 
background: #5e8c00;
padding:10px; 	 
height: 110px;
}

#header .companylogo 
{
margin-right:10px;
float:left;
vertical-align: middle;
}

#search
{
padding: 10px;
float: right;
background: #e2d8bc;
}

#navigation
{
clear: both;
}

#navigation_horizontal{
	background: #820303;
	padding: 0px;
}

#breadcrumbs {
background: none;
padding: 10px;
float:left;
}

#admin_nav_bar{
float:right;
}

#admin_nav_bar ul li{
display: inline;
float:right;
}

#detail 
{
background: #fff; 
color: #000;
padding: 10px;
margin-left: 15px;
clear:left;
}

#body 
{
background: #fff; 
color: #000;
clear: left;
margin-left: 15px;
margin-right: 15px;
}

#rightcontainer
{
background: none;
padding: 10px;
float:right;
width:220px;
margin-left: 15px;
margin-right: 15px;
}

#leftcontainer
{
background: none;
padding: 10px;
float:left;
width:200px;
margin-right: 15px;
}

#rightcontentcontainer
{
background: none;
padding: 10px;
float:right;
margin-left: 15px;
}


/* pagetools */
#pagetools
{
padding: 5px;
float:right;
font-size: 0.9em;
}

#pagetools li#emailtofriend a{
background:url(../images/icon_emailtofriend.png) left no-repeat;
}


#pagetools li#emailauthor a{
background:url(../images/icon_emailauthor.png) left no-repeat;
}

#pagetools li#print a{
background:url(../images/icon_print.png) left no-repeat;
}

#pagetools li#viewcomments a{
background:url(../images/icon_viewcomments.png) left no-repeat;
}

#pagetools li#postcomment a{
background:url(../images/icon_postcomment.png) left no-repeat;
}	

#pagetools li#subscribe a{
background:url(../images/icon_subscribe.png) left no-repeat;
}


#pagetools ul li
{
display: inline;
float:right;
padding:3px;
}

#pagetools ul li a 
{
padding-left: 25px;
margin-left: 10px;
}
/* END OF pagetools */


#footer 
{
	font-family: "sans serif", Verdana, Arial;
	padding: 0.85em;
	background: #e2d8bc;
	color:#704f2d;
	clear:both;
}

.hide 
{
display: none;
padding:5px;
}

.show 
{
display: block;
text-decoration: none;
/*cursor: hand;*/ 
margin:0px;
padding:0px;
}






/* AJAX Components Stylesheet */

/*
WARNING:
This CSS relates to the ajax components in this application.
Modifying it may cause the component not working.

DO NOT EDIT BEYOND THIS AREA UNLESS YOU ARE SURE WHAT YOU ARE DOING

*/

.adminbar {
font-size:0.9em;
}

.adminbar ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.adminbar ul li{
position: relative;
display: inline;
float: left;
}

a.adminmode{color:#FF0000}

/*Top level menu link items style*/
.adminbar ul li a{
display: block;
color: #CC3300;
padding: 8px 10px;
text-decoration: none;
}

* html .adminbar ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.adminbar ul li a:link, .adminbar ul li a:visited{
color: #CC3300;
}

.adminbar ul li a:hover{
color: #CC0000;
text-decoration:underline;
}

/************************************/
/*									*/
/*		navigation_menu	- main nav	*/
/*									*/
/************************************/

.navigation_menu{
font-size: 0.9em;
width: 100%;
background: #e2d8bc;
}

.navigation_menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.navigation_menu ul li{
position: relative;
display: inline;
float: left;
}

a.adminmode{color:#FF0000}

/*Top level menu link items style*/
.navigation_menu ul li a{
display: block;
color: white;
padding: 8px 10px;
border-right: 1px solid white;
text-decoration: none;
background: #333333;
}

/* added - selected state when a link clicked */
.navigation_menu ul li a#navselected{
background: #0066cc;
}

* html .navigation_menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.navigation_menu ul li a:link, .navigation_menu ul li a:visited{
color: white;
}

.navigation_menu ul li a:hover{
color: white;
background: #0066cc;
}
	
/*1st sub level menu*/
.navigation_menu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}


/*Sub level menu list items (undo style from Top level List Items)*/
.navigation_menu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.navigation_menu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.navigation_menu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.navigation_menu ul li ul li a:hover{ /*sub menus hover style*/
background: #0066cc;
color: white;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}





/************************************/
/*									*/
/*		NyroModal					*/
/*									*/
/************************************/

div#nyroModalFull {
	font-size: 12px;
	color: #777;
	font-family: Verdana;
}
div#nyroModalFull div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(/dmxready/shared_library/tools/ajax/nyroModal/img/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(/dmxready/shared_library/tools/ajax/nyroModal/img/close.gif) no-repeat;
	outline: 0;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	padding: 5px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
	vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	/*opacity: 0.2; - disabled*/
	/*filter: alpha(opacity=20); - disabled */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	/*opacity: 0.5; - disabled */
	/*filter: alpha(opacity=50); - disabled */
	/*cursor: help; - disabled */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a {
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	cursor: pointer;
	text-indent: -9999em;
	/*background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev {
	left: 0;
	width: 40%;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev:hover {
	background: url(/dmxready/shared_library/tools/ajax/nyroModal/img/prev.gif) left 20% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext {
	right: 0;
	width: 40%;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext:hover {
	background: url(/dmxready/shared_library/tools/ajax/nyroModal/img/next.gif) right 20% no-repeat;
}
a.editpagelink:link,a.editpagelink:visited
{
color:#FF0000;
}

.skipnav {
display: none;
}