/* By Brainwaves */
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{ /* Reset CSS */
	padding: 0;
	margin: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
margin:0;
outline-style:none;
outline-width:0;
outline:0;
padding:0;
vertical-align:baseline;
}

html, body {
	height: 100%;
}

body {
	background:#e3e3e3 url('../images/bg.jpg') repeat center left;
	margin:0px;
	padding:0;
	border:none;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size:12px;
	color:#464646;
}

/********************************      Elements styling      ********************************/

img{ border:none; }

a              { color: #BC1922; text-decoration: none; }
a:hover     { color: #8f1515; }
a:active     { color: #f46063; }
a:focus     { outline: 1px; }

strong       { font-weight: bold; color: #333; }

small   		{ font-size: 0.85em; }

pre           { font-family: monospace; }

p {
                padding: 5px 0 10px 0;
                line-height: 1.6em;
                }

.left     { float: left; }
.right     { float: right; }
.green     { color: green; }
img.green     { border: 3px solid lightgreen; }

.red     { color: #bb0000; }

h4 { font-size:15px; color:#747373; margin:0; }

/********************************      General Classes      ********************************/

.clear {
                clear: both;
                }
				
.align-left {
                float: left;
                }
				
.align-right {
                float: right;
                }



.divider{
	width:947px;
	height:4px;
	background: url('../images/divider.png') repeat-x top left;
	float:left;
}

.divider.liquid{
	width:100%;
	margin:0;
}

.toolTip, a.toolTip{
	background:#6c6c71;
	border:1px solid #565656;
	padding:1px 4px 0 4px;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}

/************ Button ************/
.button {
                display: inline-block;
                background: url('../images/btn-red.png') top left no-repeat;
                padding: 12px 0 0px 32px;
                color: #fff;
                font-size: 2.05em;
				font-weight:bold;
                cursor: pointer;
				width:227px;
				height:43px;
				text-shadow: #000 0px 1px 0px;
				letter-spacing: 0.03em;
				border:none;
                }

.button.blue {
                background-image: url('../images/btn-blue.png');
                }

input.button {
                padding: 11px 0 12px 32px;
				height:auto;
				text-align:left;
				width:259px;
				font-size: 24px;
                }

.button.big {
                background: url('../images/btnBig-blue.png') top left no-repeat;
                padding: 14px 0 0px 35px;
                font-size: 2.6em;
				width:288px;
				height:53px;
				letter-spacing: 0.03em;
				text-shadow: #05355b 0px 2px 0px;
                }

a.button { color: #fff; }
                
.button:hover { text-decoration: none; }

/*************** Forms ***************/

form label {
                display: block;
                padding: 10px 0 4px;
                font-weight: bold;
                }

form label.inline {
                display: normal;
                float:left;
				width:200px;
				width:30%;
				padding: 4px 0 5px;
				margin-right:10px;
                }
             
form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }
                
form p small, form label small {
                font-size: 0.75em;
                color: #777;
				font-weight:normal;
                }				
				
form input.text-input,
form select,
form textarea,
form .wysiwyg {
    			padding: 6px;
    			font-size: 13px;
				background: #fff url('../images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
                }
                
form .smallest-input {
				width: 15% !important;
				}

form .small-input {
                width: 25% !important;
                }

form .medium-input {
                width: 50% !important;
                }

form .fat-input {
                width: 50% !important;
				font-size: 16px !important;
				padding: 8px !important;
                }

form select.fat-input {
				padding: 7px !important;
                }

form .large-input {
                width: 97.5% !important;
				font-size: 16px !important;
				padding: 8px !important;
                }

form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }

form select {
                padding: 4px;
                background: #fff;
                }
				
form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }

.alert { border: 2px solid red !important; }

/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 15px 0 10px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }


.attention {
                background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../images/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../images/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }
.error.large {
width:auto;
background-position:10px 50% !important;
font-size:17px;
}

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .closeBtn {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}

/* Notification for login page */

#login-wrapper #login-content .notification {
				border: 0;
				background-color: #141414;
				color: #fff !important;
}
													
/************ Table ************/

.content table.styleTable {
                width: 100%;
                border-collapse: collapse;
                }
                
.content table.styleTable thead th {
                font-weight: bold;
                font-size: 15px;
                border-bottom: 1px solid #ddd;
                }
                
.content .styleTable tbody {
                border-bottom: 1px solid #ddd;
                }
                
.content .styleTable tbody tr {
                background: #fff;
                }
              
.content .styleTable tbody tr.alt-row {
                background: #f3f3f3;
                }
                
.content table.styleTable td,
.content table.styleTable th {
                padding: 10px;
                /*line-height: 1.3em;*/
				vertical-align:middle;
                }   
				
.content table.styleTable tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                } 
				
.content table.styleTable tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
                }      
							
/*************** Structure styling ***************/
				
#wrap-out {
	width:950px;
	margin:auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -57px; /* the bottom margin is the negative value of the footer's height + footer's margin etc */
}

#wrap-in {
	float:left;
}

/* Header and logo */
#header {
	width:950px;
	height:123px;
	background: url('../images/header.png') no-repeat top center;
	position:relative;
	margin-bottom:12px;
	font-family:Lucida Grande,Lucida Sans Unicode,sans-serif;
}

#header img#logo {
	margin-top:15px;
	margin-left:39px;
	float:left;
}

#header img#logoText {
	margin-top:28px;
	margin-left:19px;
	float:left;
}

/* Navigation */
#tnav {
color:#b9b8b8;
float:right;
font-size:16px;
margin:0;
padding:0;
width:500px;
margin-right:8px;
font-style: italic;
}
#tnav li {
display:block;
float:right;
margin:0;
text-align:center;
position:relative;
width:110px;
height:97px;
background:transparent url('../images/nav-d.png') no-repeat scroll top left;
}
#tnav li.last {
width:130px;
}

#tnav li a {
color:#b9b8b8;
font-weight:bold;
text-decoration:none;
text-shadow: #000 2px 2px 2px;
width:100%;
height:57px;
padding-top:40px;
display:block;
}

#tnav li a.active, #tnav li a.active:hover {
background:transparent url('../images/nav-sel.png') no-repeat bottom center;
}

#tnav li a:hover {
background:transparent url('../images/nav-h.png') no-repeat top left;
}

/* top intro box */
#intro{ width:580px; float:left; margin-right:52px; margin-top:23px; margin-left:17px; }
#intro h1{ font-size:30px; font-style: italic; color:#747373; text-shadow: #fff 0px 1px 0px; margin-bottom:8px; }
#intro h2{ font-size:18px; color:#9a9999; text-shadow: #fff 0px 1px 0px; line-height: 160%; }

/* Main content */
#main{
	width:947px;
	float:left;
	margin:0 0 0 2px;
}

#main .content{
	width:100%;
	float:left;
	margin-top:25px;
	padding-top:10px;
}

#main .content.side{
	width:335px;
	float:left;
	margin-left:15px;
	margin-right:56px;
}

.box{
	background:#fff;
	width:92%;
	float:left;
	border:1px solid #b3b7b9;
	position:relative;
	padding:20px 4%;
	margin:5px 0;
}

.lessSpace .box{
	padding:20px 4%;
	margin:5px 0 15px 0;
}

.content h1{ font-size:25px; color:#747373; margin-left:10px; }

.content p{ font-size:15px; color:#747373; margin:15px 20px 31px 0; line-height: 145%; }

.lessSpace p{
	margin:15px 20px 15px 0;
}

#main .content2{
	background:#fff;
	float:left;
	border:1px solid #b3b7b9;
	position:relative;
	margin-bottom:15px;
}

#main .content-body{
	float:left;
	margin:0px 16px 13px 16px;
}

#main .content-body p{
	margin:12px 0;
	line-height:15px;
}

/* Footer */
#footer, .push {
	height: 47px; /* .push must be the same height as .footer */
	clear:both;
}

#footer{
	background: url('../images/footer.png') no-repeat top center;
	width:900px;
	margin:auto;
	margin-top:10px;
	padding:0px 25px;
	font-size:11px; color:#565656; text-shadow: #fff 0px 1px 0px;
}

#footer a{
	color:#565656;
}

#footer-inner{
	width:100%;
	float:left;
	margin-top:17px;
}

#footer-inner div.left{
	width:30%;
	float:left;
}

#footer-inner div.right{
	width:70%;
	float:right;
}

td.activeTab, td.inactiveTab {
color:#EFEFEF;
text-align:center;
vertical-align:top;
}
td.activeTab {
background:#900f0f url("../images/gradient-red.png") repeat-x left top;
}
td.inactiveTab {
background:#161616 url("../images/header.png") no-repeat -300px -10px;
cursor:pointer;
}
td.inactiveTab div.status1 {
background:url("../images/ulborder.gif") no-repeat scroll left top transparent;
height:4px;
}
td.inactiveTab div.status2 {
background:url("../images/urborder.gif") no-repeat scroll right top transparent;
height:4px;
padding:0 4px;
}
td.inactiveTab div.status3 {
/*border-top:1px solid #C6CED7;*/
}
td.inactiveTab div.statusTabText {
/*border-left:1px solid #C6CED7;*/
/*border-right:1px solid #C6CED7;*/
color:#D63317;
font-size:17px;
padding:0 1em 4px;
white-space:nowrap;
}
td.inactiveTab div.statusTabText a, td.activeTab div.statusTabText a {
color:#FFFFFF;
font-size:17px;
text-decoration:none;
}
td.activeTab div.status1 {
background:url("../images/ul.gif") no-repeat scroll left top transparent;
height:4px;
}
td.activeTab div.status2 {
background:url("../images/ur.gif") no-repeat scroll right top transparent;
height:4px;
padding:1px 6px;
}
td.activeTab div.status3 {
}
td.activeTab div.statusTabText {
color:#FFFFFF;
font-size:17px;
padding:0 1em 4px;
white-space:nowrap;
}
#subTabs div.subtab2 {
background:url("../images/ur.gif") no-repeat scroll right top transparent;
height:4px;
}
#subTabs td {
background:none repeat scroll 0 0 #8a0f0f;
color:#CBE5FF;
padding:5px;
white-space:nowrap;
}
#subTabs span.activeText {
color:#FFFFFF;
display:inline;
font-size:13px;
font-weight:bold;
}
#subTabs span.inactiveText {
color:#FFFFFF;
display:inline;
margin:0 1px;
font-size:13px;
}
#subTabs a {
color:#FFFFFF;
}

/*************** Plugins Specific styling ***************/

/*************** Facebox ***************/

#facebox .b {
  background:url(../images/facebox/b.png);
}

#facebox .tl {
  background:url(../images/facebox/tl.png);
}

#facebox .tr {
  background:url(../images/facebox/tr.png);
}

#facebox .bl {
  background:url(../images/facebox/bl.png);
}

#facebox .br {
  background:url(../images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .medium {
  width: 600px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}


.colorSelector {
	width: 40px;
	height: 40px;
}
.colorSelector span {
	position: absolute;
	width: 32px;
	height: 32px;
	background: url(../images/colorSelector.png) center;
	border:2px solid #dcdfe4;
	margin:1px 0 0 5px;
}

.colorpicker {
	background: url(../scripts/colorPicker/images/custom_background.png);
}
.colorpicker_hue div {
	background: url(../scripts/colorPicker/images/custom_indic.gif) left top;
}
.colorpicker_hex {
	background: url(../scripts/colorPicker/images/custom_hex.png) top;
}
.colorpicker_rgb_r {
	background-image: url(../scripts/colorPicker/images/custom_rgb_r.png);
}
.colorpicker_rgb_g {
	background-image: url(../scripts/colorPicker/images/custom_rgb_g.png);
}
.colorpicker_rgb_b {
	background-image: url(../scripts/colorPicker/images/custom_rgb_b.png);
}
.colorpicker_hsb_h {
	background-image: url(../scripts/colorPicker/images/custom_hsb_h.png);
}
.colorpicker_hsb_s {
	background-image: url(../scripts/colorPicker/images/custom_hsb_s.png);
}
.colorpicker_hsb_b {
	background-image: url(../scripts/colorPicker/images/custom_hsb_b.png);
}
.colorpicker_submit {
	background: url(../scripts/colorPicker/images/custom_submit.png) top;
}


/********************************      Overwrite Classes      ********************************/
.topZero p, p.topZero { margin-top:0; }
.bottomZero p, p.bottomZero { margin-bottom:0; }