/*

Skin Name : default
version   : 1.0
Creator   : CreatiVisibility 

*/



/* Application CSS */
body
{
	padding:0px;
	background: #2e8dc7 url(../images/css_bg_screen.png);
	font-family: "sans serif", Verdana, Arial;
	background-attachment: fixed;
	font-size: 0.85em;
	line-height: 1.5;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	list-style-image: url(../images/CMBizBullet.png);
}

table,tr,td {margin:0;}
form {padding: 0px; margin:0;  background-color: #fff;}
img {
	border: 0px solid #999;
}
table,tr,td, h1, h2, h3, h4, h5, ul, li, ol, p {	 text-align: left; /* counter the body center */}

h1 {
	font-size:1.75em;
	color: #2fa4a4;
}
h2 {
	font-size:1.4em;
	color: #0075bb;
}

/* Body link styles */
#body a {
	color: #0075bb;
}
#body a:link {
	color:#0075bb;
	text-decoration:none;
}
#body a:visited {
	color: #0075bb;
	text-decoration: underline;
}
#body a:hover {
	color: #000000;
	text-decoration: none;
}
#body a:active {
	color: #15355E;
	text-decoration: underline;
}	


#page	
{
width:960px;
float: none;
margin:0 auto;
padding:0px;
border: 0px dotted #efefef;
background-color: #fff;
text-align: left; /* counter the body center */
}


#header 
{
	clear:both;
	padding:0px;
	height: 225px;
	background-image: url(../images/CMBizHeader.png);
	background-color: #37c2d7;
	background-repeat: no-repeat;
}

#header .companylogo
{
margin-right:10px;
float:left;
vertical-align: middle;
}

#search
{
	padding: 10px;
	float: right;
}

#navigation
{
clear: both;
}

#navigation_horizontal{
	padding: 0px;
	background-color: #000;
}

#breadcrumbs {
	background: none;
	padding: 10px;
	float:left;
	font-size: small;
}

#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;
	color:#2c2081;
	clear:both;
	background-image: url(../images/CMBizFooter.png);
	background-repeat:no-repeat
	background-position: left;
	font-size: x-small;

}
#footer a, a:link, a:visited 
{
text-decoration:none;
color:#003079;
}

#footer a:hover 
{
text-decoration:underline;
color:#000000;
}

.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:#cc1594}

/*Top level menu link items style*/
.adminbar ul li a{
display: block;
color: #cc1594;
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: #2fa4a4;
}

.adminbar ul li a:hover{
color: #000000;
text-decoration:underline;
}

/************************************/
/*									*/
/*	NEW hover dropdown - main nav	*/
/*									*/
/************************************/
 /* Dropdown Button 
.dropbtn {
  background-color: #1c4077;
  color: white;
  min-width: 100px;
  padding: 8px 13px 10px 0px;
  font-size: 0.9em;
  font-weight: bold;
  border: none;
}*/
/* The container <div> - needed to position the dropdown content 
.dropdown {
  position: relative;
  display: inline-block;
}
*/
/* Dropdown Content (Hidden by Default) 
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #1c4077;
  font: normal 12px Verdana;
   width: 170px; /*width of sub menus*/
   /*
   margin: 0;
  z-index: 99;
}*/



/* Links inside the dropdown 
.dropdown-content a {
  color: #ffffff;
  padding: 8px 10px;
  text-decoration: none;
  border-bottom: 1px solid gray;
  display: block;
}*/

/* Change color of dropdown links on hover 
.dropdown-content a:hover {background-color: #37c2d7;}*/

/* Show the dropdown menu on hover 
.dropdown:hover .dropdown-content {display: block;}*/

/* Change the background color of the dropdown button when the dropdown content is shown 
.dropdown:hover .dropbtn {
	background-color: #37c2d7; 
    padding: 8px 13px 10px 0px;
	} */

/************************************/
/*									*/
/*		nav bar                   	*/
/*									*/
/************************************/
.navbar {
  overflow: hidden;
  background-image: url(../images/CMBizMenuBar.png);
  background-color: #37c2d7;
}

.navbar a#navselected{
background: #91c83e;
}

.navbar a {
  float: left;
  background-color: #1c4077;
  color: white;
  min-width: 100px;
  padding: 8px 13px 10px 0px;
  font-size: 12px;
  font-weight: bold;
  border: none;
  text-align: center;
  text-decoration: none;
  border-right: 1px solid white;
}

.dropdown {
  float: left;
  overflow: hidden;   
}


.dropdown .dropbtn { 
  border: none;
  outline: none;
  color: white;
  padding: 10px 13px 10px 10px;
  background-color: inherit;
  font-family: inherit;
  background-color: #1c4077;
  font-weight: bold;
  border-right: 1px solid white;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #37c2d7;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #1c4077;
  font: normal 12px Verdana;
  width: 170px; /*width of sub menus*/
  margin: 0;
  z-index: 99;
}


/* Links inside the dropdown */
.dropdown-content a {
  color: #ffffff;
  /*padding: 8px 10px;*/
  padding: 10px 13px 10px 10px;
  text-decoration: none;
  display: block;
  border-right: 0px;
  width: 170px; /*width of sub menus*/
  text-align:left;
  border-bottom: 1px solid gray;
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #37c2d7;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	background-color: #37c2d7; 
    padding: 10px 13px 10px 10px;
	} 
	
	/* added - selected state when a link clicked */
.dropdown-content .navselected{
background: #91c83e;
}
/************************************/
/*									*/
/*		navigation_menu	- main nav	*/
/*									*/
/************************************/

.navigation_menu{
	font-size: 0.9em;
	width: 100%;
	background-image: url(../images/CMBizMenuBar.png);
	background-repeat: repeat-x;
	list-style-type: none;
	list-style-image: none;
	z-index: 99;
	border-right: 1px solid white;
}

.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: #1c4077;
	font-weight: bold;
	list-style-type: none;
}

/* added - selected state when a link clicked */
.navigation_menu ul li a#navselected{
background: #91c83e;
list-style-type: none;
}

* html .navigation_menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
list-style-type: none;
}

.navigation_menu ul li a:link, .navigation_menu ul li a:visited{
color: white;
list-style-type: none;
}

.navigation_menu ul li a:hover{
	color: white;
	background-color: #37c2d7;
	list-style-type: none;
}
	
/*1st sub level menu*/
.navigation_menu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	list-style-type: none;
	z-index: 99;
}


/*Sub level menu list items (undo style from Top level List Items)*/
.navigation_menu ul li ul li{
display: list-item;
float: none;
list-style-type: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.navigation_menu ul li ul li ul{
top: 0;
list-style-type: none;
}

/* 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;
list-style-type: none;
}

.navigation_menu ul li ul li a:hover{ /*sub menus hover style*/
	color: white;
	background-color: #37c2d7;
	list-style-type: none;
}


/* ######### 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-position: center;
	background-color: #fff;
	background-image: url(../../../../../shared_library/tools/ajax/nyroModal/img/ajaxLoader.gif);
	background-repeat: no-repeat;
}
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;
	outline: 0;
	background-image: url(../../../../../shared_library/tools/ajax/nyroModal/img/close.gif);
	background-repeat: no-repeat;
}
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-image: url(../../../../../shared_library/tools/ajax/nyroModal/img/prev.gif);
	background-repeat: no-repeat;
	background-position: left 20%;
}
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-image: url(../../../../../shared_library/tools/ajax/nyroModal/img/next.gif);
	background-repeat: no-repeat;
	background-position: right 20%;
}
a.editpagelink:link,a.editpagelink:visited
{
	color:#F0F;
}

.skipnav {
display: none;
}

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	