html, body {
height : 100%; 
}

body {background: no-repeat top center #E0E4ED  /*#F5F5F5*/; font-family:Arial,sans-serif; font-size:1em;line-height:1em;color: #2B332E;}
p {font-size:.9em;line-height: 1.3em;}
h1 {font-size:1.3em;}
h2 {font-size:1.1em;line-height: 1.3em;}

.smallP {font-size: .8em;}

ul, li {list-style-position: inside; font-size:.9em;}

h1.georgia {font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif;font-weight: normal;}
/* Site template */

.hideDiv {display: none;}
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

.courier {font-family: Courier, "Courier New", Monaco, monospace; }

.pad20pxtop {padding-top: 20px;}
.pad5px {padding:5px;}
.margin20pxtop {margin-top:20px;}

.clickable, .clickableBlue {
   cursor: pointer;
}
.clickable:hover {
   background: #efefef;
}
.clickableBlue:hover {
   background: #cce9fd;
}

/* Alignment classes */
.alignRight {text-align: right;}

.rounded {    -webkit-border-radius: 11px;
    -moz-border-radius:11px;
}


#bodyContent {margin-top:30px; 
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #C0CCC4;
margin:0 auto;
overflow:hidden;
position:relative;
padding:5px;
    -webkit-border-radius: 11px;
    -moz-border-radius:11px;
	top:15px;
	margin-bottom: 15px;
}

#sponsorBanner {width:992px; margin:0 auto; margin-top:320px;}
.mainContent {width:740px;}

/*Vendors*/
.vendor {margin-top:20px;}
.vendor h1 {background: url(../images/logo_banner.png) no-repeat 0 0 ; height:85px;margin-top:-15px; padding:5px 0 0 20px;}
.vendor h2 {font-family: Courier, "Courier New", Monaco, monospace; font-size:.9em;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.vendor h2 {font-family: Courier, "Courier New", Monaco, monospace; font-size:1em;}
}.vendor p {font-size: .8em;}
.vendor p.coupon {background: url(../images/coupon_badge.png) no-repeat 3px 0 #fff; border:1px dashed #999; padding:10px 0px 10px 40px;font-family: Courier, "Courier New", Monaco, monospace; font-size:.8em; font-weight:normal;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.vendor p.coupon {background: url(../images/coupon_badge.png) no-repeat 3px 0 #fff; border:1px dashed #999; padding:10px 0px 10px 40px;font-family: Courier, "Courier New", Monaco, monospace; font-size:1em; font-weight:normal;}
}
.twitterLink {background: url(../images/twitter_link.png) no-repeat 3px 0; height:52px;margin-top:-12px;}
.twitterLink p {padding-left: 60px; padding-bottom: 0px; padding-right: 0px; padding-top: 15px; font-size:.8em; font-weight:normal;}
}

/* Standard classes */
.floatLeft {float:left;}
.floatRight {float: right;}
.clearFloats {clear: both;}
.overflow {overflow: hidden;}
.center {text-align:center;}

#wrapper {
}

#sidenav {
	float:left;
	position:relative;
	margin:0;
	top: 0px;
	/*left: -10px;*/
	width: 215px;
	z-index: 1;
	border-right:1px solid #eee;
}
#sidenav li {
	list-style: none;
	display: block;
	width: 233px;
	height: 28px;
	padding: 10px 0 0 13px;
	cursor: pointer;
}
#sidenav li.item-active {
	background: url(../images/profile/bkg-sidenav-item.png) no-repeat 0 0;	
	color: #FFF;
}
#sidenav li.item-active:hover {
	color: #FFF;
	cursor: default;
}
#sidenav li.item-active span {
	width: 12px;
	margin-top: 0;
	margin-right: 36px;
	text-align: right;
	font-size: 11px;
	color: #ccc;
	float: right;
}
#sidenav li.item-off {
	background: url(../images/profile/bkg-sidenav-item.png) no-repeat 0 -38px;
}
#sidenav li.item-off:hover {
	background-position: 0 -76px;
	color: #464646;
}
#sidenav li.item-off span {
	display: none;
}
#filterContent {
	position:relative;
	float:right;
	left:-20px;
	top: 0;
	width: 660px;
	padding-left:25px;
}

/* Background Color Options */
.grey1_bg {background:#f5f5f5; }
.grey2_bg {background:#9e9e9e; }
.grey3_bg {background:#ccc; }
.grey4_bg {background:#c2c2c2; }
.grey5_bg {background:#ababab; }
.grey6_bg {background:#666; }
.grey7_bg {background:#333; }
.grey8_bg {background:#eee; }
.blue1_bg {background:#f2f7fb; }
.blue2_bg {background:#cce9fd; }
.blue3_bg {background:#cfe6fc; }
.blue4_bg {background:#79bce7; }
.blue5_bg {background:#69a3c9; }
.blue6_bg {background:#008fcf; }
.blue7_bg {background:#4d566b; }
.yellow_bg {background:#fff9c8; }
.yellow2_bg {background:#fdf29f; }
.yellow3_bg {background:#ffd457; }
.yellow4_bg {background:#fdb813; }
.yellow5_bg {background:#b38807; }
.green1_bg {background:#dfc; }
.green2_bg {background:#cddb7b; }
.green3_bg {background:#83ac25; }
.green4_bg {background:#6a0; }
.green5_bg {background:#5c8620; }
.red1_bg {background:#df2002; }
.red2_bg {background:#c22311; }

.blueBorder {border-right:solid 2px #cce9fd; }
.tealBorder {border: 1px solid #C1CDC5; }
.blueBorder_roundRight {border:solid 1px #cce9fd; -webkit-border-radius-bottom-right:0.9em;	-webkit-border-radius-bottom-left:0.9em; -moz-border-radius-topright;:0.9em;-moz-border-radius-topleft;:0.9em;}
/* Text Color options */
.grey1_text {color:#f5f5f5; }
.grey2_text {color:#9e9e9e; }
.grey3_text {color:#ccc; }
.grey4_text {color:#c2c2c2; }
.grey5_text {color:#ababab; }
.grey6_text {color:#666; }
.grey7_text {color:#333; }
.blue1_text {color:#f2f7fb; }
.blue2_text {color:#cce9fd; }
.blue3_text {color:#cfe6fc; }
.blue4_text {color:#79bce7; }
.blue5_text {color:#69a3c9; }
.blue6_text {color:#008fcf; }
.blue7_text {color:#4d566b; }
.yellow_text {color:#fff9c8; }
.yellow_text {color:#fdf29f; }
.yellow3_text {color:#ffd457; }
.yellow4_text {color:#fdb813; }
.yellow5_text {color:#b38807; }
.green1_text {color:#dfc; }
.green2_text {color:#cddb7b; }
.green3_text {color:#83ac25; }
.green4_text {color:#6a0; }
.green5_text {color:#5c8620; }
.red1_text {color: #df2002; }
.red2_text {color:#c22311; }
.white_text {color:#fff;}


.sectionheader, .sectionwrap {
	
margin-left:16px;
margin-right:16px;
}
 .sectionheader {
	background:transparent url(../images/site_template/header_line_bg.png) repeat-x scroll 0 0.875em;
margin:0 0 0.5em;
overflow:hidden;
}
 .sectionheader h2 {
	background:#FFFFFF none repeat scroll 0 0;
float:left;
margin-bottom:0;
padding-right:8px;
}
.gridlist {
font-size:0.875em;
font-weight:bold;
list-style-type:none;
min-height:3em;
}
.gridlist li {
		display:inline;
	padding:0.25em 0em;
margin:0.5em 1em 0.5em 0;
}
.width33 {
	width:33%;float:left;font-size:0.875em;
font-weight:bold;
min-height:1.5em;
}


a {
color:#2D7BB2;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
}
a:hover {
color:#2B332E;
}

#footer {
clear:both;
	color: #735b45;
	margin: 0 0 50px 0;
	padding: 20px 0 58px;
	background: url('../images/bg-footer.jpg') no-repeat 50% 10px;
	}

#staticpanel {
	border-top-color: #d2e3bf;
	bottom: 0;
	width: 100%;
	position: fixed;
	padding: 12px;
	color: white;
	background: url('../images/site_template/static_bg.jpg') repeat-x;
	border-top: 1px solid;
	z-index: 100;
	margin-bottom:-20px;
	}
#staticpanel p {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	padding-left:50px;
	}
#staticpanel p a {
	color: #000;
	}
#staticpanel p span {
	display: block;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	}
#staticpanel #staticBags {
	background: url('../images/site_template/static_bags.png') no-repeat right; height:240px; margin-top:-181px; float:right; width:350px;
}
/* Loading indicator */

#loadingresults {
  background-repeat: repeat;
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background: url('/_beta/images/transparent_bg.png');
  z-index: 99;

}

#loadingContent {
  position: fixed;
  top: 350px;
  left: 0px;
  width:100%;
  margin:0 auto;
  z-index: 99;
}
#loadingContentInfo {
text-shadow: 0px 0px #f5fbff;
color: #4b566c;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
width:350px;
margin:0 auto;}

.transparent_class {
}

.opaque {
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	-khtml-opacity: .99;
	opacity:.99;
}

hr {size:1;}

#mainContent {position:absolute;height:100%;}

.activeRow, li .activeRow {
		background:url(/_beta/images/mini_icons/tick.png) no-repeat 10px 6px;}
.reservedRow, li .reservedRow {
		background:url(/_beta/images/mini_icons/lock.png) no-repeat 10px 8px;
}
.inactiveRow, li .inactiveRow {
		background:url(/images/icons/error.gif) no-repeat 10px 6px;
}
.emailSentRow, li .emailSentRow {
		background:url(/_beta/images/mini_icons/email_go.png) no-repeat 10px 6px;}
.emailReadRow, li .emailReadRow {
		background:url(/_beta/images/mini_icons/email_open.png) no-repeat 10px 6px;}
.editRow, li .editRow {
		background:url(/_beta/images/mini_icons/page_edit.png) no-repeat 10px 6px;}


.resultRow0 {
	background-color:#FFFFFF;
	border-bottom:thin dashed #CCCCCC;
	padding: 8px 3px 8px 3px;
	position: relative;
	font-size:14px;
	color:#333333;
}
.resultRow1 {
	background-color:#F2F7FB;
	border-bottom:thin dashed #CCCCCC;
	padding: 8px 3px 8px 3px;
	position: relative;
	font-size:14px;
	color:#333333;
}

.resultRow0 a {display:block;}

.resultRow1 a {display:block;}

.hoverDark {color: #fff; background-color: #006fa0;}
.hoverDark a {color:#fff;}


.blueHover{color: #006ba5; background-color: #d6dde5;}

	#messageDiv {
	background-color: #fff196;
	color: #2e2e2e;
	padding:2px;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius: 1.6em;

}



.closeDiv {cursor: pointer; text-decoration: underline;}

.georgia {font-family: Georgia;}

.listNav { margin:0 0 10px; }.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }

.accordion h3 {
	background: url(../images/arrow-square.gif) no-repeat left -51px;
	padding: 7px 15px;
	margin: 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;	
	border: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: left 5px;
	outline:none;
}
.accordion p {
	margin: 0;
	padding: 10px 15px 20px;
}
.edit {cursor: pointer; color:#0088CC}
#image-list {
	list-style: none;
}
.hover {cursor:pointer;background:url(/_beta/images/icons/sortables.png) no-repeat #cce9fd;
background-position: 0 10px;
height:15px;
cursor: move;}
#image-list div.caption {width:450px;margin-left:10px;padding-top:15px;}

#image-list li {
	display: block;
	padding: 20px 10px;	
	height:60px;
	text-align:left;
	border-bottom:1px solid #999;
}

#image-list li img {
	margin-left:10px;
	margin-right: 20px;
	margin-top:-10px;
}
#image-list .remove {
float:right;
cursor: pointer;}
.divSeventyFivePercent {width:650px;}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(../images/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(../images/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(../images/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(../images/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(../images/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(../images/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(../images/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(../images/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}

                .cboxSlideshow_on #cboxSlideshow{background-position:-83px -0px; right:27px;}
                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-106px -0px;}
                .cboxSlideshow_off #cboxSlideshow{background-position:-106px -23px; right:27px;}
                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-83px -0px;}
                
                
.fileUploadQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin-top: 5px;
	padding: 10px;
	width: 300px;
}
.fileUploadQueueItem .cancel {
	float: right;
}
.fileUploadProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.fileUploadProgressBar {
	background-color: #0099FF;
}
.sortable{background:url(/_beta/images/icons/sortables.png) no-repeat;
height:15px;
background-position: ; margin-left:20px;}

.resultLimit {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style:none;
	padding:2px;
}
 .recentSearch {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style:none;
 	color:#C22311;
 	-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius: 1.6em;
	padding:2px;
}
 .resultLimit a {
	display:block;
	padding:2px;
}
 .recentSearch a {
	display:block;
	padding:2px;
 	color:#C22311;
}
 .recentSearch a:hover {
 	background-color:#C22311; color:#fff;
 	-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius: 1.6em;
	display:block;
	padding:2px;
}
 .resultLimit a:hover {
 	background-color:#79BCE7; color:#fff;
 	-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius: 1.6em;
	display:block;
	padding:2px;
}

.resultLimitCount {
	font-size:10px;
	color:#65ACEA;
	float:right;
}
a:hover.resultLimitCount  {
	font-size:10px;
	color:#fff;
	float:right;
}
h3.categoryHeading {font-size:14px;}

.tweet
{
display: block;
clear: both;
padding: .6em;
margin: .3em;
overflow: hidden;
}
.tweet img
{
float: left;
margin-right: 1em;
border: 2px solid #68a3c8;
}
.tweet p.text
{
margin: 0;
padding: 0;
clear:left;
/*padding-left: 70px;*/
}
.monitter 
{
width: 230px;
height: 800px;
margin: 5px; 
overflow:hidden;
}

form legend {
	color: #333;
	padding: 0 0 20px 0;
	text-transform: uppercase;
}

form {
	padding: 0 20px 20px 20px;
}

form, form fieldset input, form fieldset textarea, form label {
	font-family: Helvetica, Arial;
	font-size: 12pt;
}
form p { position: relative; margin: 10px 0;}
form p label { position: absolute; top: 0; left: 5px;}
form p br {display: none;}


form fieldset p input,
form fieldset p textarea {
	display: block;
	padding: 4px;
	width: 400px;
	margin: 0;
}

form fieldset p label {
	width: 380px;
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
}

form fieldset p textarea {
	padding: 2px;
	width: 404px;
}

form fieldset p textarea,
form fieldset p input {
	border: solid 1px #ccc;
}
form fieldset p label {
	color: #777;
}