/*

Skin Name : default
version   : 1.0
Creator   : DMXReady

*/



/* Application CSS */
body
{ 
margin:0px;
padding:0px;
background: url(../images/background.png) repeat;
background-color:#CCCCCC;
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:#ffa12d;
}

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

.a2, .a2 a:link, .a2 a:visited 
{
text-decoration:none;
color:#ffa12d;
}

.a2 a:hover 
{
text-decoration:none;
color:#FF0000;
}

#screen 
{
width:959px;
margin: 0px auto 25px;
padding-bottom:25px; /* for IE */
background: none;
}

#header 
{
clear:both; 
height: 315px;
}

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

#header .title
{
float:left;
vertical-align:middle;
}

#header .title a:link, #header .title a:visited  { color:#FFFFFF; }
#header .title a:hover  { color: #CCCCCC; text-decoration:underline; }

#header .title h1
{
text-align:left;
font-size:2.5em;
}

#body 
{
background: #FFFFFF; 
color: #000;
height:auto;
}

#footer 
{
font-family: "sans serif", Verdana, Arial; 
padding: 0.85em;	
/*background: url(../images/css_footer_slice.png) repeat;*/
/*background: #333333;*/ 
background-color: #636466;
color:#FFFFFF;
}

#footer-corner
{
background: url(../images/css_footer_corner.png) no-repeat;
}


.search
{
clear:both;
padding: 5px 5px 5px 10px;
}

.search form { background: none; }

.search ul { list-style-type: none; padding:0; margin-left:0px; }
.search ul li { list-style-type: none; margin-left:0; }
.search ul li ul li { list-style-type:disc; }


#navigation
{
clear: both;
padding:5px 5px 5px 10px;
}

#navigation ul { list-style-type: none; padding:0; margin-left:0px; }
#navigation ul li { list-style-type: none; margin-left:0; }
#navigation ul li ul li { list-style-type:disc; }

#navigation_horizontal{
background: #9900FF;
padding: 0px;
}

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

#detail 
{
background: #fff; 
color: #000;
padding: 5px;
margin-left: 15px;
margin-right:15px;
clear:left;
font-size:0.93em;
}

#detail h1 
{ 
font-size: 1.75em;
font-weight: normal;
margin-bottom:5px;
}

#detail h1 a:link, #detail h1 a:visited {
color:#00252D;
}

.subtitle { 
color: #00252D;
font-size:0.87em;
}

.subtitle a:link, .subtitle a:visited {
color: #00252D;
text-decoration:none;
}

.subtitle a:hover { color: #FF0000; }

#detail hr
{
background-color:#CCCCCC;
height:1px;
}

.hr
{
background: url(../images/blogfeed-06.png) no-repeat left;
}

#rightcontainer-wrapper
{
background-color:#FFFFFF;
float:right;
width: 215px;
margin: 10px 10px 0 10px;
}

#rightcontainer
{
padding: 5px;
font-size:0.9em;
background-color:#FFFFFF;
}

#rightcontainer h4 { margin-top: 0px; margin-bottom:5px; }
#rightcontainer ul { margin-top: 5px; }


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


/* pagetools */
.pagetools ul
{
margin:0;
padding:0;
cursor:default;
list-style-type: none;
font-size:0.85em;
}

.pagetools ul li
{
padding:0 0 3px 0;
display: inline;
}

.pagetools ul li a 
{
padding-left:19px;
margin-right:2px;
}

.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 span#subscribe a{
background:url(../images/icon_subscribe.png) left no-repeat;
padding-left:21px;
}

.addthis_toolbox addthis_default_style
{
font-size:0.85em;
}

.normal {
font-size: 0.85em;
font-size: inherit;
}
/* END OF pagetools */

#admin_nav_bar
{
padding: 5px;
float:right;
}

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

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

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

.clearfloat
{
clear: both;
}





/* 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

*/







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

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

.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: transparent url(../images/nav_block_active.png) center center repeat-x;
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(http://www.crevofootwear.com/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(http://www.crevofootwear.com/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;*/
	/*filter: alpha(opacity=20);*/
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	/*opacity: 0.5;*/
	/*filter: alpha(opacity=50);*/
	cursor: help;
}
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(http://www.crevofootwear.com/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(http://www.crevofootwear.com/dmxready/shared_library/tools/ajax/nyroModal/img/next.gif) right 20% no-repeat;
}
a.editpagelink:link,a.editpagelink:visited
{
color:#FF0000;
}
/*--------------------------------------------------------------------------*/
/*						Calendar Datepicker CSS								*/
/*--------------------------------------------------------------------------*/	


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
	
#projectlist	
{
width:80%;
float: none;
margin:0 auto;
padding:0px;
text-align: left; /* counter the body center */
color:#FFF;

}