/*
------------------------------------------------------------------------

Theme Name:    DHS

Version:       1.02
Author:        Urbandog
Author URI:    http://urbandogllc.com/

------------------------------------------------------------------------

Support:       Marie Prezner, support@urbandogllc.com
Updated:       Sept 4 2008
Copyright:     (c) 2008 Urbandogllc


All rights reserved.
*/

/*
------------------------------------------------------------------------
Color Palette

#664728 Dark Brown
#0A2038 Royal Blue
#063a3b Dark Sea Green/Blue
#069 Sky Blue
#743433 Brown;

------------------------------------------------------------------------
*/



/*
------------------------------------------------------------------------
CSS Imports
------------------------------------------------------------------------
*/

/*Navigation*/
@import url("lib/superfish/superfish.css");
@import url("hackIE6.css");

@import url("docs.css");
@import url("system.css");
@import url("icons.css");

@import url("lib/thickbox/thickbox.css");
@import url("lib/jqueryTree/jqueryFileTree.css");


@import url("lib/impromptu/examples.css");
@import url("lib/impromptu/style.css");


/*Faq*/
@import url("lib/faq/faq.css");

/*Faq*/
@import url("lib/fileTree/fileTree.css");


/*Catalog*/
@import url("lib/catalog/catalog.css");
@import url("lib/jcarousel/skins/itemGallery.css");

/*Search*/
@import url("lib/search/search.css");

/*News*/
@import url("lib/news/news.css");

/*Calendar*/
@import url("lib/calendar/cal.css");
@import url("lib/calendar/grids.css");
@import url("lib/calendar/utilities.css");

/*
------------------------------------------------------------------------
BODY height
------------------------------------------------------------------------
*/

body {height:100%}
html>body {height:100%;/*for Flash Content*/}

#container {
    height:100%;
    height:100%;
    min-height:600px;
    }
	
html>body #container {
    height:100%;
	}


body {
	margin: 0em;
	padding: 0em;
	color: #333;
	background: #0A2038 ;
	/*font-family: Georgia, "Times New Roman", Times, serif;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	*/
	font-family:"Trebuchet MS", sans-serif;

}

p {
	margin: 0em;
	padding: 0 0 1em 0;
	font-size: .90em !important;
	line-height: 1.5em;
	}

a {outline: none;}


/*
------------------------------------------------------------------------
FLOATS & CLEARS - 
------------------------------------------------------------------------
*/

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

.clear {clear: both;}
.clearAll {clear:both;}


/*
------------------------------------------------------------------------
Tooltip
------------------------------------------------------------------------
*/

#tooltip {
	position: absolute;
	z-index: 3000;
	padding: .12em;
	opacity: 0.85;
	color:#000;
	border: 1px solid #bab8a7;
	background: #eae7d2;
	
}

#tooltip h3, #tooltip div { margin: 0; }

/*
------------------------------------------------------------------------
Flash
------------------------------------------------------------------------
*/

#flashcontent {
width:100%;
height:500px;
}



/*

------------------------------------------------------------------------

Headers & Paragraph elements

------------------------------------------------------------------------

*/



h1, h1 a, h1 a:visited {
	margin:.5em 0em;
	padding: 0em;
	font-family:"Trebuchet MS", sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	text-decoration: none;
	color: #0A2038;
	border:none;
	}



h1 a:hover {
	color: #0A2038;
	text-decoration: underline;
}



h2 {
	margin: .15em 0em 0em 0em;
	padding: 0em;
	font-family:"Trebuchet MS", sans-serif;
	font-weight: normal;
	font-size: 1.25em;
	text-decoration: none;
	color: #0A2038;
	border: none !important;
}

h2 a, h2 a:visited {
	color: #0A2038;
	text-decoration: none;
}



h2 a:hover {
	text-decoration:underline;
}

h3 {
	margin: .25em 0em 0em 0em;
	padding: 0em;
	font-family:"Trebuchet MS"!important;
	font-size:.95em;
	font-weight: normal;
	color: #666;
}



h3 a, h3 a:visited {

	color:#666;
	text-decoration: none;

}



h3 a:hover {

	text-decoration:underline;

}







h4 {
	margin: 0em;
	padding: 0em;
	font-family:"Trebuchet MS", sans-serif;	font-size:.80em;
	font-weight: normal;
	color: #666 /*grey*/;
	letter-spacing: -1px;
}



h4 a, h4 a:visited {
	color:#666;
	text-decoration: none;
}



h4 a:hover {
	text-decoration:underline;
}

h5 {
	margin: 0em;
	padding: 0em;
	font-family:"Trebuchet MS", sans-serif;
	font-weight: normal;
	color: #666 /*grey*/;
}



h5 a, h5 a:visited {
	color:#666;
	text-decoration: none;
}


h5 a:hover {
	text-decoration:underline;
}


h6 {
	margin: 0em;
	padding: 0em;
	font-family:"Trebuchet MS", sans-serif;
	font-weight: normal;
	color: #666 /*grey*/;
}

h6 a, h6 a:visited {
	color:#666;
	text-decoration: none;
}

h6 a:hover {
	text-decoration:underline;
}

/*
------------------------------------------------------------------------
Images
------------------------------------------------------------------------
*/

img{border:0em;}
img .portrait {padding:0em; margin:.5em;}

img{border:0em;}

img.portrait {
	float:left;
	padding:.45em;
	background-color:#f9f9e5;
	margin:.5em;
	margin-bottom:0em;
	margin-left:0em;
	margin-top:0em;
}

/*Thumbnails*/
img.thumb{border:.75em solid #ffffcc; margin:.25em;}
img.thumb:hover{border:.75em solid #ffff99; margin:.25em;}

.thumbNail{width:25%; border:0px; margin:0 .5em; overflow:visible; height:220px;float:left; text-align:center;}
.tn {margin:0 auto; border:1px solid #f2f2d4; background:#ff9; padding:.25em; margin:.5em; margin-bottom:0em; margin-left:0em; margin-top:0em;}
.tn:hover {/*display:block;*/ background:#ff6;}
.thumbNail .title{margin:0 auto; padding:.25em 0;}
.thumbHolder{/*clear:both;*/ margin:.25em 0em; padding:.25em; background:#f5fff1; border-bottom:1px dotted #ccc;}



/*

------------------------------------------------------------------------

Print Elements & Warnings

------------------------------------------------------------------------

*/





.small{font-size:smaller;}

.flag {color: #aa0037;}



.highlighter {

	margin:0em;

	padding: .10em .25em;

	background: #ff9;

	border-bottom: 1px solid #ff6;

}



p {

	margin: 0em;
	padding: 0 0 1em 0;
	font-size: .90em !important;
	line-height: 1.5em;

	}



p.subtext {

	margin: 0em 0em .5em 0em;
	padding: 0em;
	font-size: .85em;
	color: #666;

}



p.note {

	margin: .25em 0em;

	padding: .25em .5em;

	width: 100%;

	border-top: 1px solid #ffcc00;

	border-bottom: 1px solid #ffcc00;


	background: #ffffb3;

	}



p.note a, p.note a:visited{color:#333;text-decoration:underline;}

p.note a:hover{color:#333; text-decoration:none!important;}





.callOut {

	border: 0em;

	margin: 0em;

	padding: 0em;

}



.callOut p {

	margin:0em;

	padding: 0 0 1em 0;

	font-size: 1em !important;

	line-height: 1.75em;

}





address {

	margin:0em;

	padding: .75em 0 1em 0;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: normal;

	}



blockquote{}

cite{}

abbr{}





/*

------------------------------------------------------------------------

HEADER - Logo & Search Form

------------------------------------------------------------------------

*/

 
/*See superfish include.*/


#subBar {
	width: 100%;
	height: 1.25em;
	background: #eae7d2;
	text-align: center;
	}


/*
#subBar .tagline {
	width: 770px;
	margin: 0 auto;
	color: #7e7b65;
	padding: .25em 0 0 0;
	text-align: left;
	font-size: .80em;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

*/






/*

------------------------------------------------------------------------

NAVIGATION - 

------------------------------------------------------------------------

See superfish include.

*/



/*Side Navigation*/

ul#sideNav li {list-style:none;}

/*
------------------------------------------------------------------------
Slideshow - SlideShowPro
------------------------------------------------------------------------
Must give a height attribute!
*/
	#flashcontent {
		width:100%;
		height:100%;
		background:#fff!important;
	}

/*
------------------------------------------------------------------------
Slideshow - JQuery
------------------------------------------------------------------------
Must give a height attribute!
*/

#slideshow{
	margin:0 0 .75em 0;
	padding:0em;
	width:100%;
	height:225px;
	background:url(../img/bg/bg-splash.png) bottom no-repeat;
	clear:both;
	}

#slideshow #nav a{border-bottom:none; color:#666!important;}

#slide1 {width:100%;}
#slide1 .slideCopy {float:left; width:50%;}
#slide1 .slideCopy p {color:#000;}
#slide1 .slideImage {float:right; width:40%;}

#slide2 {width:100%;}
#slide2 .slideCopy {float:left; width:50%;}
#slide2 .slideCopy p {color:#000;}
#slide2 .slideImage {float:right; width:40%;}

#slide3 {width:100%;}
#slide3 .slideCopy {float:left; width:50%;}
#slide3 .slideCopy p {color:#000;}
#slide3 .slideImage {float:right; width:40%;}

#slide4 {width:100%;}
#slide4 .slideCopy {float:left; width:50%;}
#slide4 .slideCopy p {color:#000;}
#slide4 .slideImage {float:right; width:40%;}

#slide5 {width:100%;}
#slide5 .slideCopy {float:left; width:50%;}
#slide5 .slideCopy p {color:#000;}
#slide5 .slideImage {float:right; width:40%;}



/*
------------------------------------------------------------------------
CONTAINER - The 885px wide wrapper used in constrain
------------------------------------------------------------------------
*/


.wrapper {
	margin: 0em auto;
	padding: 0em;
	width: 950px;
}



.transparent {
	margin: 0em;
	padding: 0em;
	width: 100%;
}





#container {
	margin: 0em auto;
	padding: 0em;
	width: 100%;
	background: #fff;
	clear: both;
}





#content {
	padding: 0em;
	margin: 0em auto;
	vertical-align:text-top;
	/*width: 760px;*/
	/*float:left;*/
}



#copy {
	margin:0em;
	padding: 0em .25em;
	width: 65%;
	vertical-align:text-top;
	float:left;
}

#sideBar {
	margin:0em;
	padding:.5em;
	width: 30%;
	vertical-align:text-top;
	float:left;
	}



#rightBar {
	margin:0em;
	padding:0em;
	width:40%;
	vertical-align:text-top;
	/*float:right;*/
}





.col {

	margin:0em;

	padding:0em;

	width: 50%;

	float: left;

}






/*
------------------------------------------------------------------------
LISTS - 
------------------------------------------------------------------------
*/





/*ul li {}

ol li {}*/



ul.none li {list-style:none;}
ul.bullet li {list-style-type:bullet;}
ul.circle li {list-style-type:circle;}
ul.square li {list-style-type:square;}

li.inline {display:inline; float:left;}

/*li.controls {padding:0em; width:25px; border:1px solid #ccc;}*/

.controls {border:1px solid #ccc;}
.controls ul {margin:0em; padding:0em; clear:both;}
.controls ul li {display:inline!important;} 
.meta {

	margin: 0px 0px 15px 0px;

	padding: 0px;



	color: #999999;

	font-size: 11px;

}



.meta a, .meta a:visited {

	color: #999999;

	text-decoration: none;

	border-bottom: 1px solid #dddddd;

}

.meta a:hover {

	color: #000000;

}



/*
------------------------------------------------------------------------
LINKS & BUTTONS -  
------------------------------------------------------------------------
*/



a, a:visited {

color:#069;

text-decoration:none;

}



a:hover {

color:#069;

text-decoration:underline;

}


/*
------------------------------------------------------------------------
BUTTONS
------------------------------------------------------------------------
*/

form .button {
	cursor: pointer;
	height: 2em;
	color: #666!important;
	background: #EDF6F6;
	border: 1px solid #AABBBB;
	font-size:1em;
	padding: .25em;
	margin: .5em;
}


button {
	cursor: pointer;
	height: 2em;
	color: #666;
	background: #EDF6F6;
	border: 1px solid #AABBBB;
	font-size:1em;
	padding: .25em;
	margin: .5em;
}

.request {
	cursor: pointer;
	height: 2em;
	color: #666!important;
	background: #EDF6F6;
	border: 1px solid #AABBBB;
	font-size:1em;
	padding: .25em;
	margin: .5em;
}

.button {
	cursor: pointer;
	height: 2em;
	color: #666!important;
	background: #EDF6F6;
	border: 1px solid #AABBBB;
	font-size:1em;
	padding: .25em;
	margin: .5em;
}

.buttonActions {
	cursor: pointer;
	color: #666!important;
	background: #EDF6F6;
	border: 1px solid #AABBBB;
	font-size:1em;
	padding: .25em;
	margin: .5em .25em;
	width:auto;
	float:left!important;
	
	}


.buttonActions:hover {
	color: #666!important;
	background: #d1e2e2;
	border: 1px solid #81a3a3;
}

/*.buttonActions a:hover{
text-decoration:none;
}*/ 


/*
------------------------------------------------------------------------
EXTERNAL LINKING
------------------------------------------------------------------------


FYI: insert your registred domain name

a[href^="http://www.yourdomainname.com"]:after,
a[href^="http"]:after {
color: #ACAC65;
content: "\21D7";

}



a[href^="http://www.urbandogllc.com"]:after,
a[href^="http://www.urbandogllc.com"]:after {
content: "";
	}

*/


/*START Button style*/

.link a, .link a:visited {

	margin: 0em;

	padding: 4px 6px 4px 6px;

	background: #bbb;

	font-size: 12px;

	color: #fff;

	font-weight: bold;

	border: none;

}



.link a:hover {

	color: #fff;

	background: #369;

}

/* END Button style */



.title a, .title a:visited {
	color: #000000;
	font-size:.85em!important;
	font-weight:normal;
	text-decoration: none;
}

.title a:hover {
color: #336699;
}


/*

------------------------------------------------------------------------

FOOTER

------------------------------------------------------------------------

*/





#footer {
	clear:both;
	margin:0em;
	padding: .25em 0em 3em 0em;
	width: 100%;
	bottom: 0;
	left: 0;

	border-top: 5px solid #eeebc0 /*tan*/;
	background: url(./../img/bg/bg-footer.png) no-repeat top center;

	font-size: .80em;

	color: #ffc;

	line-height: 1.5em;

	vertical-align: text-top;

}



#footer a, #footer a:visited {

	color: #fff;

	text-decoration: none;

}



#footer a:hover {

	color: #fff;

	text-decoration: underline;

}



/*LINK: Jump to Top*/



a.jumpTop, a.jumpTop:visited, a.jumpTop:hover {

display:block;

background:url(./../img/icons/pageTop.png)no-repeat;

text-indent:-2000px;}





#footer ul {

	float: left;

	margin: 0em !important;

	padding: 10px 0 0 0;

}



#footer ul li {

	float: left;
	margin: 0px 30px 0px 0px;
	list-style: none;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}



#footer .navBar {
	float: left;
}



#footer .wrapper {
	padding: 0em;
}



#copyright {
	clear: both;
	margin: 2em 0em 0em 0em;
	padding: 0em .25em;
	border: none!important;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#0a2038!important;
	background: #a2b5ca;
}





/*

------------------------------------------------------------------------

CMS

------------------------------------------------------------------------

See CMS style sheet

*/



.cms {}

.editMode {

margin:0em;

padding:.5em .25em;

width:100%;

color:#fff;

background:#000;

text-align:center;

}



/*
---
SPLASH & CALLOUT
---
*/


/*Splash & Features*/
#splash {
	background:url(../img/bg/bg-splash.png) bottom no-repeat;
	padding: 0;
	margin: 0px auto;
	height: 200px;
	width: 770px;
	
}

#splash .copy {float:left; width:50%;}

#splash h1 {
	color: #2f6071;
	text-align: left;
	clear:none!important;
}

#splash h2 {
	color: #2f6071;
	font-size: .8em;
	text-align: left;
	margin: 1em 0 0 0;
	padding: 0;
	clear:none!important;
}

#splash p {
	text-align: left;
	margin: 0;
	font-size:1em!important;
	padding: 0 0 .5em 0;
}

.image {float:right;}

.flash {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	width: 500px;
}

.slideshow {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	width: 258px;
	
}

/*Brief*/
#brief{margin:0; padding:0;}
#brief h2{color:#369; padding:0 0 .25em 0;text-decoration:none!important; border:none; background:url(./../img/bg/li-doublerule.gif)bottom repeat-x;}
#brief h3{margin:.75em 0 0 0 ; font-family:"Trebuchet MS", "Tahoma", sans-serif; font-size:.90em!important;}






/*

---

Quick Tour

---

*/



/* @group Product QuickTour */



#quicktour {

	border: 1px solid #bbb;

	height: 378px;

}



ul#tabs {

	background: #f7f7f7 url(../cssimg/bg-quicktourtab.png) repeat-y 100% 0;

	float: left;

	height: 378px;

	width: 300px;

}



ul#tabs a {

	color: #666;

	display: block;

	font-size: 12px;

	height: 36px;

	line-height: 36px;

	text-decoration: none;

	text-indent: 18px;

	width: 300px;

}



ul#tabs a:link, ul#tabs a:visited {

	background: #f7f7f7 url(../cssimg/bg-quicktourtab.png) repeat-y 100% 0;

	border-bottom: 1px solid #dedede;

}



ul#tabs a:hover, ul#tabs a:active {

	background: #fafafa;

	border-bottom: 1px solid #dedede;

}



ul#tabs a.on {

	background: #fff;

	color: #000;

	font-weight: bold;

}



.products {

	float: right;

}



.products .scroller {

	height: 378px;

	overflow: hidden;

	width: 537px;

}



.products .scroller .section {

	height: 378px;

	float: left;

	overflow: hidden;

	width: 537px;

}



.products .scroller .section .inner {

	padding: 18px 80px;

	font-size: 11px;

	text-align: center;

}



.products .scroller .section .inner img {

	border: 1px solid #ddd;

}



.products .scroller .content {

	width: 10000px;

}



.products .scroller .content img.screenshot {

	border: 1px solid #d5cbb5;

	float: right;

	margin: 36px 0 0 0;

}



ul.actions {

	background: #E0F0FA;

	border: 1px solid #C9DEEB;

	font-size: 18px;

	font-weight: bold;

	height: 54px;

	line-height: 54px;

	margin-top: 54px;

	text-align: center;

}



ul.actions li {

	display: inline;

	line-height: 54px;

	margin: 0 50px;

}



ul.actions a {

	line-height: 54px;

}



ul.actions li img {

	vertical-align: middle;

	margin: 0 10px 0 0;

}



ul.front.actions {

	background: #F1F6FA;

	border: 1px solid #E0F0FA;

	margin: 18px 50px 0;

}



ul.tour.actions {

	background: #f9f9f9;

	border: 1px solid #eee;

	margin-top: 18px;

}


/*
------------------------------------------------------------------------
TABLE
------------------------------------------------------------------------
*/


table {
	margin: 0em;
	padding: 0em;
	width: 100%;
}

table a {
	color: #c75f3e;
}

table caption {
	padding: 0 0 5px 0;
	width: 100%;	 
	font: italic 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

table th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #ccc9b2;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: /*#CAE8EA*/ #eae7d2;
}

table th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

table td {
	border-left: 1px solid #ccc9b2;
	border-right: 1px solid #ccc9b2;
	border-bottom: 1px solid #ccc9b2;
	background: #fff;
	padding: 6px 6px 6px 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:.90em;
	color:#4f6b72!important;

}


table td.textLeft {text-align: left;}
table td.small {font-size:smaller;}

/*highlighter hover*/
/*table td:hover{background:#ff6!important;}*/

table td.alt {
	background: #F5FAFA;
	color: #797268;
}

table th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

table th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}




/*
------------------------------------------------------------------------
FORM
------------------------------------------------------------------------
*/

.req {
	color: #c03;
	font-size: 1.25em !important;
	margin: 0;
	padding: 0;
}

form.search {
	margin: .5em auto;
	border-top: .25em solid #eeebc0;
	padding: .5em 0;
	background: #fff;
}

input.searchBox {
	color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	width: 500px;
	border: 1px solid #AABBBB !important;
	padding: .25em;
	width: 200px;
}

input.searchButton {
	cursor: pointer !important;
	height: 2.5em;
	color: #666;
	background: #EDF6F6;
	border: 1px solid #AABBBB;
	padding: 0 .5em .25em .5em;
	margin: .25em;
}

form.simple {
	margin: 0;
	padding: 0;
	background: none !important;
	border: none !important;
}

form.simple dl {
	margin: 0;
	padding: 0;
}

form.simple dt {
	margin: 0;
	padding: 0;
}

form.simple dd {
	margin: 0;
	padding: 0;
}

form.simple .desc {
	padding-bottom: .25em;
	font-size: 1.15em !important;
}

form {
	margin: .5em auto;
	border-top: .25em solid #eeebc0;
	padding: .5em 0;
	background: #fff;
}

form p {
	font-size: .90em;
	color: #666;
	padding: 0em;
	margin: 0;
}

form p.desc {
	font-weight: bold;
	color: #666;
}

form ul {
	list-style: none;
	width:70%;
	float:right;

}

form ul li {
	list-style: none;
	padding: .25em 0;
	border-bottom: 1px solid #ccc;
}

legend {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	color: #664728 !important;
	font-size: .95em;
	font-weight: normal !important;
	padding: .25em 0 0 0;
	border: 0;
}

legend span {
	display: block !important;
	width: 300px !important;
	line-height: 1.25em;
}

fieldset.highlight {
	border: 0 !important;
	border-top: 1px dotted #ccc !important;
	background: #E5F7FD;
	margin: .25em 0;
	padding: .0em 0em .5em .25em;
}

fieldset.highlight legend {
	color: #666;
	background: #E5F7FD !important;
	color: #666;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

fieldset {
	border: 0 !important;
	border-bottom: 1px dotted #ccc !important;
	background: none;
	margin: .25em 0;
	padding: .25em .25em .5em .25em;
}

fieldset dl {
	clear: both;
	padding: .25em 0;
	margin: .5em 0;
}

fieldset dt {
	float: left;
	color: #666;
	width: 35%;
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
}

fieldset dd {
	float: left;
	text-align: left;
	margin-left: .25em;
	padding: 0;
}

fieldset dd.hint {
	display: none;
	font-size: .80em;
	color: #333;
	border: 0;
	padding: .35em .50em;
	background: #FFFFA5;
}

fieldset dl.help {
	margin: .50em 0em;
	padding: 0em;
	width: 100%;
	border-bottom: 1px solid #E9E9B4;
	border-top: 1px solid #E9E9B4;
	background: url(../img/icons/hint.png) no-repeat left #FFFFCC;
}

fieldset dl.help dt {
	color: #4479D5;
	text-align: left;
	float: none;
	margin: 0 0 0 2.25em;
	padding: .15em;
	font-weight: normal;
	text-decoration: none;
	text-indent: 0;
	font-size: .80em;
}

fieldset dl.help dd {
	float: none;
}

fieldset dl.help dd p {
	font-size: .80em;
	line-height: 1.45em;
	padding: 0 0 .35em 0;
	margin: 0 0 0 2.25em;
}

label {
	padding: 0;
	margin: 0;
	font-size: .75em !important;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}


/*This is to hide the "." that is being used as a spacer */
label.hide {
	padding: 0;
	margin: 0;
	color:#fff;
	font-size: .75em !important;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

label.checkbx {
	margin: 0;
	padding: 0 1em 0 0 !important;
	font-size: .80em !important;
	font-family: Geneva, Arial, Helvetica, sans-serif!important;
	color:#666;
}

label.radio {
	margin: 0;
	padding: 0 1em 0 0 !important;
	font-size: .85em !important;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

input {
	border: 1px solid #999;
	height: 1.5em;
}

input.checkbx {
	border: 0 !important;
	padding: 0;
	margin: 0;
}

input.radio {
	border: 0 !important;
	padding: 0;
	margin: 0;
}

input.required {
	border-left: 1px solid red;
	height: 1.5em;
}

input.verification {
	float: left;;
	width: 116px !important;;
	height: 30px !important;;
	padding: 10px;;
	font-size: 2.2em;
}

img.verification {
	margin-left: 5px;;
	border: 1px solid #cdd;
}

/*reducing the textarea size*/
fieldset dl dd textarea {width:175px;}

textarea {
	padding: 0;
	margin: 0;
	border: 1px solid #999;
	height: 5em;
	width: 30em;
}

select {
	border: 1px solid #999; /*height:1.5em;*/
	padding: .15em;
}

textarea.contact {
	border: 1px solid #999;
	height: 7em;
	width: 15em !important;
}

/*Submit button*/
input.button {
	cursor: pointer;
	height: 2em;
	color: #666;
	background: #EDF6F6;
	border: 1px solid #AABBBB;
	padding: 0 0 .25em 0;
	margin: .25em;
}

/*Field inputs, modify width*/
input.hidden {
	display: none;
}

input.username {
	width: 45%;
}

input.password {
	width: 45%;
}

input.quantity {
	width: 5%;
}
input.name {
	width: 45%;
}

input.address {
	width: 45%;
}

input.city {
	width: 35%;
}

input.state {
	width: 15%;
}

input.zip {
	width: 15%;
}

input.phone {
	width: 35%;
}

input.email {
	width: 35%;
}

input.embedCode {
	width: 300px;
}

input.url {
	width: 35%;
}

input.title {
	color: #666 !important;
	font-weight: normal;
	width: 35%;
}

input.subtitle {
	width: 25%;
}

input.author {
	width: 25%;
}

input.summary {
	width: 45%;
}

input.description {
	width: 45%;
}

form#comments {
	clear: both;
	margin: 0;
	background: #edf5f8 /*#ffc*/;
	border-bottom: 1px dotted #ccc;
}

form#comments fieldset {
	border: 0 !important;
	background: none;
	margin: 0;
	padding: .25em .25em .5em .25em;
}

form#comments legend {
	font-size: .85em;
	font-weight: bold;
	padding: .25em .5em;
	background: none !important;
	border: 0;
}

form#comments fieldset dl {
	clear: both;
	padding: .25em 0;
	margin: 0;
}

form#comments fieldset dt {
	float: left;
	color: #666;
	width: 8%;
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
}

form#comments fieldset dd {
	float: left;
	text-align: left;
	margin-left: .25em;
	padding: 0;
}

form#comments fieldset dd.hint {
	display: none;
	font-size: .80em;
	color: #333;
	border: 0;
	padding: .35em .50em;
	background: #FFFFA5;
}


/*

------------------------------------------------------------------------

Scheduler Table

------------------------------------------------------------------------

*/



#mySchedule {
	margin: 0em;
	padding: 0em;
	width: 100%;
}

#mySchedule a {
	color: #c75f3e;
}

#mySchedule caption {
	padding: 0 0 5px 0;
	width: 100%;	 
	font: italic 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mySchedule th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA;
}

#mySchedule th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#mySchedule td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	font: 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#4f6b72!important;

}

/*Available HRS*/
#mySchedule td.available {background:#ff9!important; /*light blue*/}
#mySchedule td.event {/*background:#738c91!important;*/color:#1e2e32!important; background:#b4ecec!important; border:1px solid #1e2e32;}

/*highlighter hover*/
/*#mySchedule td:hover{background:#ff9!important;}
#mySchedule td.alt:hover{background:#ff9!important;}*/
#mySchedule td.available:hover{background:#ff6!important;}

#mySchedule td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mySchedule th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mySchedule th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/* #end Schedule*/



/*
------------------------------------------------------------------------
Shopping Cart
------------------------------------------------------------------------
*/

#miniCart {
margin:0em;
padding:.25em;
/*border-top:.25em solid #cff;
border-bottom:.25em solid #cff;*/
}

#miniCart h1, #miniCart h2, #miniCart h3 {margin:0em; padding:0em; text-decoration:none!important;}
#miniCart h3 {
	color:#666;
	font-size:.90em;
	font-weight:bold;
	text-transform: uppercase;
	font-family: "Lucida Sans";
}


#miniCart ol {
	margin:0em;
	padding:0em;
	}
	
#miniCart li {list-style:none;}

#miniCart ol li {
	font-size:.95em;
	line-height:2em;
	border-bottom:1px #ccc dotted;
	}

#miniCart .button {
	color:#fff!important;
	background:#696; /*sage green*/}

#miniCart .button:hover {
	text-decoration:none!important;
	color:#fff!important;
	background:#9c9; /*green*/}
	
	
/* #end Shopping Cart*/


/*
------------------------------------------------------------------------
FEEDS: PROFILE & SHOWCASE - 
------------------------------------------------------------------------
*/


/* member directory */
dl.member a{color:#666; /*font-size:larger;*/ font-family:Georgia,"Times New Roman",Times,serif;}
dl.member {background:#f4f3e9; float:left; width:46%; padding:.5em .25em; border:solid #ccc; border-width:0 1px 1px 0; margin:2px;}
dl.member dt{font-size:.95em;}
dl.member dd{color:#666; font-size:.75em; line-height:1.35em;}

dt img.logo {float:left; border:2px solid #fff; /*background:#cce1f6;*/ margin:0 .25em;}
dt span.title {overflow:hidden; /*text-overflow:ellipsis;*/ display:block; width:10em; white-space:nowrap;}
dd span.creator {font-weight:bold; font-size:smaller;}

/* network showcase */
dl.showcase a{color:#666; font-size:larger; font-family:Georgia,"Times New Roman",Times,serif;}
dl.showcase {background:#DFDFDF; float:left; width:46%; padding:.5em .25em; border:solid #ccc; border-width:0 1px 1px 0; margin:2px;}
dl.showcase dt{font-size:.95em;}
dl.showcase dd{color:#666; font-size:.75em; line-height:1.35em;}

dt img.logo {float:left; border:2px solid #fff; /*background:#cce1f6;*/ margin:0 .25em;}
dt span.title {overflow:hidden; /*text-overflow:ellipsis;*/ display:block; width:10em; white-space:nowrap;}
dd span.creator {font-weight:bold; font-size:smaller;}


/*
------------------------------------------------------------------------
CASESTUDY EDITOR & COMMENTS - 
------------------------------------------------------------------------
*/

#directions{font-size:.80em; color:#666; line-height:1.5em;}
#directions ol{list-style-position: inside;}
#directions ol li{padding:.25em 0; border-bottom:1px dotted #ccc;}

.thumbCS{width:165px; font-size:.85em; text-align:center; float:left; padding:.15em; border:.25em solid #ff6; margin:.25em;}
.thumbCS img{width:150px; height:150px;}

.post{font-size:.80em; line-height:1.5em;}
.postDate{font-family:Georgia,"Times New Roman",Times,serif; font-size:1em; padding:0 0 .10em 0; margin:0; color:#838383; border-bottom:1px dotted #ccc;}

.author{font-size:larger;}
.author a{color:#666; font-weight:bold;}
.author a:hover{color:#666; font-weight:bold; text-decoration:underline!important;}
.author a:visited{color:#666; font-weight:bold; text-decoration:none;}

ol.commentList{margin:0; padding:0; background:#EFF3CE;}
ol.commentList li{margin:0; padding:.25em 0; line-height:1.5em; list-style:none;}
ol.commentList li .avitar{border:1px solid #f2f2d4; background:#ff9; padding:.35em; float:left; margin:.5em; margin-bottom:0em; margin-left:0em; margin-top:0em;}
.ccomment{border:1px solid #ff9; margin:0; padding:.5em .25em;}
.ccomment p{margin:0; padding:0 0 .25em 0;}
.cauthor{background:#ff9; font-size:.80em; margin:0; padding:0; text-indent:.25em;}

/*comment li.author*/
ol.commentList li.author{background:#eee; margin:0; padding:.25em 0; line-height:1.5em; list-style:none;}
	

/*
------------------------------------------------------------------------
TAGCLOUD
------------------------------------------------------------------------
*/
ul.cloud {
	margin: .5em 0 1em 0;
	padding: 0em;
}

ul.cloud li {
	margin: 0 0.45em 0 0 !important;
	padding: 0;
	list-style: none;
	display: inline;
}

ul.cloud li a {
	text-decoration: none;
	line-height: 1em; /*line-height:18px;*/
}

ul.cloud a.size-1 {
	font-size: 80%;
}

ul.cloud a.size-2 {
	font-size: 90%;
}

ul.cloud a.size-3 {
	font-size: 100%;
}

ul.cloud a.size-4 {
	font-size: 110%;
}

ul.cloud a.size-5 {
	font-size: 120%;
}

ul.cloud a.size-6 {
	font-size: 130%;
}

ul.cloud a.size-7 {
	font-size: 140%;
}

/* @end */