/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html { margin:0px; padding:0px; }

body { background-color:#235c88; font-size: .75em; font-family: Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #696969; }

a:link { color: #235C88; text-decoration: underline; }

a:visited { color: #505abc; }

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

a:active { outline-style:none; outline-width:0; position:relative; top:1px; }

p, ul { margin-bottom: 20px; line-height: 1.6em; }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #000; font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; }

h2 { color: s; padding: 10px 0 10px 0; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

h5, h6 { font-size: 1em; }

.buttonAsLink { color: #4d798e; background-color: transparent; font-weight: bold; padding: 3px 0; border-width: 0; cursor: pointer; width: 100px; }

.buttonAsLink:hover { color:#666; text-decoration: underline; }

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page { min-width: 1060px; width: 80%; margin-left: auto; margin-right: auto; }

#header { background:url(Images/headerCatBg.png) no-repeat top left #235c88; position: relative; margin-bottom: 0px; color: #000; padding: 0; margin:0 auto; min-width:960px; width: 90%; height:125px; }

#title { background:url("Images/soundpressLogo.png") no-repeat top left transparent; height:120px; width:290px; }

#main { padding:10px 20px; margin:0 auto; _height: 1px; /* only IE6 applies CSS properties starting with an underscore */ background:/*url(Images/dashboardMainContentBg.png)*/ repeat-y top left; min-width:960px; width: 90%; position:relative; }


#mainTop { background:/*url(Images/dashboardMainContentBgTop.png)*/ no-repeat top left; background-color:transparent; position:absolute; top:-10px; left:0px; height:120px; min-width:998px; width: 100%; }

#mainContent { background:url("Images/mainBgOverlay.png") repeat scroll center top #DDDEDD; padding:4px; position:relative; overflow:auto; min-width:950px; width: 100%; overflow-y:hidden; }

#mainContent h2 { color: #235C88; font-size:1.6em; margin:0; padding-left:20px; text-align:left; }

#mainBottom { background:/*url("Images/dashboardMainContentBgBottom.png")*/ no-repeat top left; min-width:998px; width: 100%; height:10px; position:absolute; bottom:-10px; left:0px; }

.align-center { text-align: center !important; }

.on { font-style: italic; }

.carouselItem { display: none; }

.dashboardItem { background:#ececec; margin: 6px; padding:10px; position: relative; overflow: auto; }

.dashboardItem > div { /* border-bottom: 1px solid #666; */
	margin: 5px 0; overflow: hidden; }

.dashboardItem h3 { background:#dcdcdc; /*border-left:1px solid #999999;
	border-top:1px solid #999999;*/
	color:#235C88; font-size:1.5em; margin-top:-2px; padding:5px 0; text-align:center; }

#left_dashboard_div h3 { font-size:1.25em; }

.dashboardItem select { width: 195px; }

#dashStats { border:none; margin: 0; }

#left_dashboard_div { float: left; width: 25%; }

#middle_dashboard_div { float: left; width: 55%; }

#right_dashboard_div { float: right; width: 20%; }

#right_dashboard_div_extended { float: right; width: 75%; }

#info_div { border:none; }

#footer { color: #999; padding: 10px 0; text-align: center; line-height: normal; margin: 0; font-size: .9em; }

/* TAB MENU   
----------------------------------------------------------*/
ul#lang-menu { padding:0px; position: relative; margin: 0 0 15px; min-height: 22px; text-align: right; }

ul#nav-menu { padding:0px; position: relative; margin: 0; text-align: right; }

ul#lang-menu li, ul#nav-menu li { display:inline; list-style:none outside none; }

ul#nav-menu li#greeting { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #fff; }

ul#nav-menu li a { background:url("Images/mainBgOverlay.png") no-repeat scroll -100px 0 transparent; font-weight:bold; line-height:2.8em; padding:10px 15px; text-decoration:none; color:#235C88; }

ul#nav-menu li a:hover { text-decoration: none; color:#666; background:#ECECEC; }

ul#nav-menu li a:active { text-decoration: none; }

ul#nav-menu li.selected a { color: #000; }

/* Dashboard Side MENU 
----------------------------------------------------------*/

.pnlCartControls { border:none; }

.dashboardMenu { list-style:none outside none; padding: 0; border-color:#999999; border-style:solid solid none; border-width:1px; min-width:195px; width: 100%; margin: 0; }

.dashboardMenu li a, .dashboardDialog a { height: 24px; text-decoration: none; }

.dashboardMenu li a:link, .dashboardMenu li a:visited, .dashboardDialog a:link, .dashboardDialog a:visited { color: #666; display: block; background: url(Images/menu1.gif); padding:6px 0 2px 10px; font-weight:bold; }

.dashboardMenu li a:hover, .dashboardDialog a:hover { color: #235C88; background: url(Images/menu1.gif) bottom right; /* 0 -32px; */ padding:6px 0 2px 10px; }

.dashboardMenu li a:active, .dashboardDialog a:active { color: #26370A; background: url(Images/menu1.gif) 0 -64px; padding:6px 0 2px 10px; }

.images_list { list-style:none outside none; }

.images_list li { display: inline-block; margin-right: 10px; text-align: center; }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset { margin: 1em 0; padding: 1em; border:none; }

fieldset p { margin: 2px 12px 10px 10px; }

legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }

input[type="text"] { width: 200px; border: 1px solid #CCC; }

input[type="password"] { width: 200px; border: 1px solid #CCC; }

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

table { border: solid 1px #235c88; /*border-collapse: collapse;*/
  margin-bottom: 2px; width: 100%; }

table tr:hover { background-color: #FAFAFA; }

table td { padding: 5px; border: solid 0px #235c88; color: #000; }

table th { padding: 6px 5px; text-align: left; background-color: #235c88; border: solid 1px #235c88; color: #fff; }

.clicks_data, .clicks_header { text-align: center; width: 10%; }

.clicks_header { /* cursor:pointer; */
}

/* MISC  
----------------------------------------------------------*/
.clear { clear: both; }

.error { color:Red; }

#menucontainer { margin: 0 20px 0; position:relative; height:40px; width: 100%; }

div#title { display:block; float:left; text-align:left; margin-top:0px; }

#logindisplay { font-size:1.1em; display:block; text-align:right; margin:0px; padding:10px; color:White; }

#logindisplay a:link { color: white; text-decoration: underline; }

#logindisplay a:visited { color: white; text-decoration: underline; }

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

.field-validation-error { color: #ff0000; }

.field-validation-valid { display: none; }

.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }

.validation-summary-errors { font-weight: bold; color: #ff0000; }

.validation-summary-valid { display: none; }

.display-label, .editor-label, .display-field, .editor-field { margin: 0.5em 0; }

.text-box { width: 30em; }

.text-box.multi-line { height: 6.5em; }

.tri-state { width: 6em; }

/* -------------------  */
/* login view specific  */

#login #main { width: 690px; padding:0; min-width: 690px; }

body#login #mainContent {background: url(Images/soundpressLoginBg.png) no-repeat top left; height: 490px; margin: 0 auto; width: 645px; position: relative; min-width: 680px; padding: 0;}

body#login #logOnHeading { color:#E87637; font-size:21px; font-style:italic; font-weight:bold; position:absolute; right:86px; text-align:center; top:42px; }

body#login #mainContent #loginWelcome { font-size:10px; left:165px; position:absolute; top:135px; width:300px; }

body#login #mainContent #loginWelcome a { color:#E87637; font-weight:bold; text-decoration:none; }

body#login #mainContent #loginWelcome a:hover { color:#333333; border-bottom:1px dotted #333333; }

body#login #mainContent #loginForm { font-size:10px; left:110px; position:absolute; top:210px; width:300px; height:200px; }

body#login #mainContent #loginForm input { background:transparent; border:none; }

body#login #mainContent #loginForm fieldset div { margin:0px 0px 2px 0px; }

body#login #mainContent #loginForm p input:hover { cursor:pointer; }

body#login #mainContent #loginForm legend { color:#666666; font-size:14px; padding:15px 0 0; }

body#login #mainContent #loginForm #loginWrap { position:absolute; top:32px; }

body#login #mainContent #loginForm #loginSubmitBtn { position:absolute; bottom:17px; left:45px; background:url(Images/loginBtn.png) no-repeat top left; width:92px; height:30px; margin:0px; }

body#login #mainContent #loginForm #loginForgotPassword { position: absolute; top: 20px; left: 90px; }

body#login #mainContent #loginForm #loginSubmitBtn:hover { background-position:0px -33px; }

body#login #mainContent #loginForm #loginSubmitBtn input { font-size:15px; font-weight:bold; height:32px; width:91px; color:#fff; padding-bottom:4px; }

body#login #mainContent #loginForm #loginSubmitBtn input:hover { color:#000; cursor:pointer; }

body#login #mainContent #loginForm #UserName, body#login #mainContent #loginForm #Password { background:url(Images/inputBgLogin.png) no-repeat top left; font-size:15px; padding:3px 0 6px 7px; width:152px; height:20px; }

DIV.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
}

DIV.ProgressBar DIV { background-color: Green; font-size: 1pt; height:100%; float:left; }

SPAN.asyncUploader OBJECT { position: relative; top: 5px; left: 10px; }

.field-list { list-style-type: none; }

.field-list .action-row { list-style-type: none; margin-top: 1.5em; text-align: right; width: 100%; }

.field-list .field { list-style-type: none; margin-bottom: 1px; overflow: hidden; }

.field-list label { float: left; padding: 2px 5px 0 0; text-align: right; vertical-align: top; width: 120px; }

.field-list .field-checkbox-note { float: right; width: 475px; }

.field-list .field-note { float: left; padding-top: 2px; width: 475px; }

.reorder-list { list-style-type: none; float:left; width: 150px; margin:25px; }

.reorder-list li { list-style-type: none; margin-bottom: 1px; overflow: hidden; }

.reorder-list .action-row { list-style-type: none; margin-top: 1.5em; text-align: right; width: 100%; }

.sortableTable { list-style-type: none; min-height: 200px; overflow: hidden; margin: 0; padding: 0; position: relative; }

.sortableTable li { float: left; list-style-type: none; margin: 0; padding: 0; position: relative; }

#flyer .controls a.add, #products .controls a.remove { display: none; }

.infoHolder { font-weight: bold; overflow: hidden; padding: 2px 10px; }

.infoHolder a { text-decoration: underline; }

.infoHolder a:hover { color: #235c88; text-decoration: underline; }

.infoHolder .controls { font-size: .9em;/*text-align: right;*/
}

.infoHolder .title { font-size: 1.1em; }

.infoHolder .info { font-size: .75em; font-weight: bold; height: 100px; overflow: hidden; text-align: center; }

.infoHolder .sellpoint { color: #993300; display: block; }

.infoHolder .token { display: block; }

.thumbHolder { margin: 0 auto; height: 110px; padding: 4px 0 0; width: 110px; }

.thumbHolder img.thumb { max-height: 100px; max-width: 100px; }

#lang-ui-select { display: inline; }

#lang-data-select { display: inline; }

#left_dashboard_div .field-list { list-style-type: none; -webkit-padding-start: 0px; padding-left: 0px; }

#left_dashboard_div .field-list label { display: block; float: none; padding: 2px 5px 0 0; text-align: left; vertical-align: top; min-width: 75px; width: auto; /* 99%; */ }

.display-inline { display: inline; }

#modal-edit { min-width: 240px; }