/* \9 – IE8 and below, * – IE7 and below, _ – IE6 */

/* DEFAULT STYLES */
body {margin: 0 auto; font-family: century gothic, arial, verdana; text-align: center; font-size: 12px; background-color: #ececec; color: #000; line-height: 140%;}
img, video, canvas {max-width: 100%;}
h1 {font-size: 1.8em; font-weight: normal;}
h2 {font-size: 1.4em; font-weight: normal;}
h3 {font-size: 1.2em; font-weight: normal;}


#header {display: block; /*position: fixed;*/ width: 100%; background-color: #fff; margin: 0; }
#footer {display: block; width: 100%; background-color: #333; margin: 0; border: 0; color: #fff;}

.wrapper {display: block; margin: 0 auto; padding: 10px 0 0 0; border: 0;}
.column-whole {display: block; border: 0;}
.column-whole-on-tablet, .column-whole-on-tablet-nopadding {display: block; border: 0;} /* whole (double column) on tablet, single elsewhere */
.column-single, .column-single-nopadding {display: block; border: 0;}
.column-single-half-on-phone-nopadding {display: block; border: 0;} /* single column, half on phone */
.column-double-whole-on-phone-nopadding {display: block; border: 0;} /* basket product info with image */
.column-whole-double-on-desktop-nopadding {display: block; border: 0;} /* whole on phone & tablet, double on desktop */

.breadcrumb {display: block; margin-bottom: 10px; padding: 5px; background-color: #ffdddd; text-align: left; font-size: 0.8em;}
.breadcrumb a {color: #000;}
.breadcrumb a:hover {color: #cc0000;}

/* http://learn.shayhowe.com/advanced-html-css/responsive-web-design */

/* Clearfix */
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* NAVIGATION DEFAULT */
nav {width: 100%; height: 40px; background: #ff1122; font-weight: bold; position: relative; border-bottom: 1px solid #ccc;}
nav ul {margin: 0 auto; padding: 0; width: 800px; height: 40px;}
nav li {display: inline; float: left;}
nav a {width: 200px; color: #fff!important; display: inline-block; text-align: center; text-decoration: none!important; font-weight: normal; line-height: 40px; text-transform: capitalize; /*text-shadow: 1px 1px 0px #283744;*/}
nav a.logo {width: 200px;}
nav li a {border-right: 1px solid #dd0000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
nav li:last-child a {border-right: 0;}
nav a:hover, nav a:active {background-color: #ff6655; color: #000!important;}

/* NAVIGATION FOOTER */
ul.navigation-footer {list-style: none; padding: 0;}
ul.navigation-footer a {text-decoration: none; color: #fff;}
ul.navigation-footer a:hover {text-decoration: none; color: #ff1122;}

/* PROJECT LISTING */
ul.project-listing {margin: 0; padding: 0; width: 100%; list-style: none;}
ul.project-listing li {border-bottom: 1px dashed #ccc;}
ul.project-listing li a {display: block; padding: 20px 0 20px 0; text-decoration: none; border: 0;}
ul.project-listing li a:hover {background-color: #f7f7f7; color: #ff1122;}


/* FORMS */
fieldset {border: 0; margin: 0 auto; text-align: left;}
fieldset.basket {border: 0; margin: 0; border: 0; text-align: left;}
label {float: left; width: 98%; text-align: left; font-weight: bold;}
input[type="text"], input[type="password"] {float: left; width: 96%; height: 20px; font-size: 12px; line-height:140%; color: #666; padding: 3px; border: 1px solid #dedede; }
select {float: left; height: 25px;  font-size: 12px; line-height:140%; color: #666; padding: 3px; border: 1px solid #dedede; }
textarea {float: left;  width: 96%; font-size: 12px; line-height: 140%; color: #666; padding: 3px; border: 1px solid #dedede;}
input:focus, select:focus, textarea:focus {color: #000000; border: 1px solid #000; background-color: #ececec; font-weight: 500;}
.form-item {display: block; margin: 0 0 10px 0; border: 0;}
.form-error-warning {font-size: 0.9em; color: #cc0000; text-align: left;}
.error-input {border: 1px solid #cc0000!important; background-color: #ffdddd;}

#cart-calc input[type="text"] {float: none; width: 10%;}

.project-features {padding: 0;}
.project-features li {margin: 0 3px 3px 0; padding: 5px 7px; display: inline-block; background: #f4f4eb; color: rgba(0, 0, 0, .45); font-size: 10px; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}

/*
iphone portrait 310px
iphone landscape 468px
ipad portrait 750px
ipad landscape 1010px
*/

/* SMARTPHONES */
@media screen and (max-width: 400px) {
		
	.column-whole {		
		float: none;
		width: 90%; /* 360px ÷ 400px = .9 */
		margin: 2.5%; /* 10px ÷ 400px = .025 */
		padding: 2.5%; /* 10px ÷ 400px = .025 */
	}
	.column-whole-nopadding {		
		float: none;
		width: 90%; /* 360px ÷ 400px = .9 */
		margin: 2.5%; /* 10px ÷ 400px = .025 */
		padding: 0;
	}
	.column-whole-double-on-desktop-nopadding {		
		float: none;
		width: 90%; /* 360px ÷ 400px = .9 */
		margin: 2.5%; /* 10px ÷ 400px = .025 */	
		padding: 0; 
	}
	.column-single-whole-on-tablet {		
		float: none;
		width: 90%; /* 360px ÷ 400px = .9 */
		margin: 2.5%; /* 10px ÷ 400px = .025 */
		padding: 2.5%; /* 10px ÷ 400px = .025 */
	}
	.column-single-whole-on-tablet-nopadding {		
		float: none;
		width: 90%; /* 360px ÷ 400px = .9 */
		margin: 2.5%; /* 10px ÷ 400px = .025 */
		padding: 0; 
	}
	.column-single {		
		float: none;
		width: 90%; /* 360px ÷ 400px = .9 */
		margin: 2.5%; /* 10px ÷ 400px = .025 */	
		padding: 2.5%; /* 10px ÷ 400px = .025 */		
	}
	.column-single-nopadding {		
		float: none;
		width: 90%; /* 360px ÷ 400px = .9 */
		margin: 2.5%; /* 10px ÷ 400px = .025 */	
		padding: 0; 
	}	
	.column-single-half-on-phone-nopadding {		
		float: left;
		width: 45%; /* 180px ÷ 400px = .45 */
		margin: 2.5%; /* 10px ÷ 400px = .025 */	
		padding: 0; 		
	}
	.column-double-whole-on-phone-nopadding {		
		float: left;
		width: 100%;
		margin: 2.5%; /* 10px ÷ 400px = .025 */
		padding: 0; 
	}
	.column-single-third-on-tablet-nopadding {		
		float: left;
		width: 100%;
		margin: 2.5%; /* 10px ÷ 400px = .025 */
		padding: 0; 
	}
	a.admin-dashboard {		
		float: none;
		width: 89.25%; /* 357px ÷ 400px = .8925 */
		margin: 2.5%; /* 10px ÷ 400px = .025 */	
		padding: 2.5%; /* 10px ÷ 400px = .025 */		
	}
		
	table.basket-utils {width: 90%!important;}
	nav {border-bottom: 0; height: auto;}
	nav ul {display: none; height: auto;}	
	nav li {display: block; float: none; width: 100%;}
	nav li a {border-bottom: 1px solid #dd0000; width: 100%;}
	nav a {text-align: left; width: 100%; text-indent: 10px;}
	nav a.logo {text-align: left; width: 100%;}
	nav a#pull {display: block; width: 100%; background-color: #fff; color: #000!important; position: relative;}
	nav a#pull:after {content:""; background: url('../_graphics/icons/menu-dred.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 0; top: 10px;}
	
	fieldset {width: 100%;}
	fieldset.basket {width: 100%;}	
	.breadcrumb {margin: -2.5%;}
}




/* TABLETS */
@media screen and (min-width: 400px) and (max-width: 800px) {
	
	.column-whole {		
		float: left;
		width: 93.3333333%; /* 560px ÷ 600px = .933333333 */
		margin: 1.6666666%; /* 10px ÷ 600px = .016666666 */
		padding: 1.6666666%; /* 10px ÷ 600px = .016666666 */
	}
	.column-whole-nopadding {		
		float: left;
		width: 93.3333333%; /* 560px ÷ 600px = .933333333 */
		margin: 1.6666666%; /* 10px ÷ 600px = .016666666 */
		padding: 0;
	}
	.column-whole-double-on-desktop-nopadding {		
		float: left;
		width: 93.3333333%; /* 560px ÷ 600px = .933333333 */
		margin: 1.6666666%; /* 10px ÷ 600px = .016666666 */
		padding: 0; 
	}
	.column-single-whole-on-tablet {		
		float: left;
		width: 93.3333333%; /* 560px ÷ 600px = .933333333 */
		margin: 1.6666666%; /* 10px ÷ 600px = .016666666 */
		padding: 1.6666666%; /* 10px ÷ 600px = .016666666 */
	}
	.column-single-whole-on-tablet-nopadding {		
		float: left;
		width: 93.3333333%; /* 560px ÷ 600px = .933333333 */
		margin: 1.6666666%; /* 10px ÷ 600px = .016666666 */
		padding: 0; 
	}	
	.column-single {		
		float: left;
		width: 43.3333333%; /* 260px ÷ 600px = .433333333 */
		margin: 1.6666666%; /* 10px ÷ 600px = .016666666 */
		padding: 1.6666666%; /* 10px ÷ 600px = .016666666 */
	}	
	.column-single-nopadding {		
		float: left;
		width: 43.3333333%; /* 260px ÷ 600px = .433333333 */
		margin: 1.6666666%; /* 10px ÷ 600px = .016666666 */
		padding: 0; 
	}	
	.column-single-half-on-phone-nopadding {		
		float: left;
		width: 43.3333333%; /* 260px ÷ 600px = .433333333 */
		margin: 1.6666666%; /* 10px ÷ 600px = .016666666 */
		padding: 0; 
	}
	.column-single-third-on-tablet-nopadding {		
		float: left;
		width: 24.5%; /* 260px ÷ 600px = .433333333 */
		margin: 1.6666666%; /* 10px ÷ 600px = .016666666 */
		padding: 0;		
	}
	.column-double-whole-on-phone-nopadding {		
		float: left;
		width: 68.8%; /* 300px ÷ 600px = .5 */
		margin: 1.6666666%; /* 10px ÷ 600px = .016666666 */
		padding: 0; 
	}
	a.admin-dashboard {		
		float: left;
		width: 42.3333333%; /* 254px ÷ 600px = .423333333 */
		margin: 1.6666666%; /* 10px ÷ 600px = .016666666 */
		padding: 1.6666666%; /* 10px ÷ 600px = .016666666 */
	}
		
	nav {border-bottom: 0; height: auto;}
	nav ul {width: 100%; display: block; height: auto;}
	nav li {width: 50%; float: left; position: relative;}
	nav li a {border-bottom: 1px solid #dd0000; border-right: 1px solid #dd0000;}
  	nav a {text-align: left; width: 100%; text-indent: 15px;}
	nav a.logo {text-align: left; width: 100%;}
	nav a#pull {display: block; background-color: #fff; color: #000!important; width: 100%; position: relative;}
	nav a#pull:after {content:""; background: url('../_graphics/icons/menu-dred.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 0; top: 10px;}	
		
	fieldset {width: 100%;}	
	fieldset.basket {width: 100%;}	
	.breadcrumb {margin: -1.6666666%;}
		
}

/* DESKTOPS */
@media screen and (min-width: 800px) {
	
	.column-whole {		
		float: left;
		width: 96%; /* 960px ÷ 1000px = .96 */
		margin: 1%; /* 10px ÷ 1000px = .01 */
		padding: 1%; /* 10px ÷ 1000px = .01 */
	}
	.column-whole-nopadding {		
		float: left;
		width: 96%; /* 960px ÷ 1000px = .96 */
		margin: 1%; /* 10px ÷ 1000px = .01 */
		padding: 0;
	}
	.column-whole-double-on-desktop-nopadding {		
		float: left;
		width: 66%; /* 660px ÷ 1000px = .66 */
		margin: 1%; /* 10px ÷ 1000px = .01 */
		padding: 0;
	}
	.column-single-whole-on-tablet {		
		float: left;
		width: 29.3%; /* 293px ÷ 1000px = .293 */
		margin: 1%; /* 10px ÷ 1000px = .01 */
		padding: 1%; /* 10px ÷ 1000px = .01 */
	}
	.column-single-whole-on-tablet-nopadding {		
		float: left;
		width: 29.3%; /* 293px ÷ 1000px = .293 */	
		margin: 1%; /* 10px ÷ 1000px = .01 */
		padding: 0;
	}
	.column-single {		
		float: left;
		width: 29.3%; /* 293px ÷ 1000px = .293 */
		margin: 1%; /* 10px ÷ 1000px = .01 */
		padding: 1%; /* 10px ÷ 1000px = .01 */
	}
	.column-single-nopadding {		
		float: left;
		width: 29.3%; /* 293px ÷ 1000px = .293 */
		margin: 1%; /* 10px ÷ 1000px = .01 */
		padding: 0;
	}
	.column-single-third-on-tablet-nopadding {		
		float: left;
		width: 29.3%; /* 293px ÷ 1000px = .293 */
		margin: 1%; /* 10px ÷ 1000px = .01 */
		padding: 0;
	}
	.column-single-half-on-phone-nopadding {		
		float: left;
		width: 29.3%; /* 293px ÷ 1000px = .293 */
		margin: 1%; /* 10px ÷ 1000px = .01 */
		padding: 0;		
	}
	.column-double-whole-on-phone-nopadding {		
		float: left;
		width: 65%; /* 380px ÷ 600px = .65 */
		margin: 1.6666666%; /* 10px ÷ 600px = .016666666 */
		padding: 0; 
	}
	a.admin-dashboard {		
		float: left; 
		width: 28.4%; /* 284px ÷ 1000px = .284 */
		margin: 1%; /* 10px ÷ 1000px = .01 */
		padding: 1%; /* 10px ÷ 1000px = .01 */
	}
			
	nav a#pull {display: none;}
	
	fieldset {width: 30%;}
	fieldset.basket {width: 100%;}
	.breadcrumb {margin: -1%;}
}

/* responsive embeded media */
figure {height: 0; padding-bottom: 56.25%; /* 16:9 */ position: relative; width: 100%;}
iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}


/*
light f7f6f0
dark f0efe9
*/



/* UTILS */
.clear {clear: both;}
.floatright {float: right;}
.floatleft {float: left;}
.aligncenter {text-align: center!important;}
.alignleft {text-align: left!important;}
.alignright {text-align: right!important;}
.valignmiddle {vertical-align: middle;}
.valigntop {vertical-align: top;}
.nounderline {text-decoration: none!important;}
.noborder {border: 0;}
.lheight150 {line-height: 150%!important;}
.singleborder {border: 1px solid #ccc;}

ul.circled {list-style-type: circle; margin: 0; padding: 20px;}

/* FONTS */
.font-l {font-size: 1.3em!important;}
.font-ml {font-size: 1.1em!important;}
.font-m {font-size: 0.9em!important;}
.font-s {font-size: 0.8em!important;}

/* SPACERS */
.spacer2{ clear:both; display:block; height: 2px; width:100%; }
.spacer5 { clear:both; display:block; height:5px; width:100%; }
.spacer10 { clear:both; display:block; height:10px; width:100%; }
.spacer15 { clear:both; display:block; height:15px; width:100%; }
.spacer20 { clear:both; display:block; height:20px; width:100%; }
.spacer30 { clear:both; display:block; height:30px; width:100%; }
.spacer50 { clear:both; display:block; height:50px; width:100%; }

/* LINES */
.line { border-top:#e3e3e3 1px solid; height:0; margin: 10px 0 5px 0; width:100%; }
.line-dashed {border-top: 1px dashed #ccc; height:0; margin: 10px 0 5px 0; width:100%; }

/* FOREGROUND COLORS */
.color-white {color: #fff!important;}
.color-black {color: #000!important;}

.color-brown {color: #996633!important;}
.color-lbrown {color: #cc9966!important;}

.color-red {color: #cc0000!important;}
.color-lred {color: #ff2200!important;}
.color-xlred {color: #ffdddd!important;}
.color-dred {color: #c30a29!important;}

.color-pink {color: #ff00ff!important;}
.color-pinkred {color: #ff0066!important;}
.color-pinkhard {color: #cc0066!important;}
.color-pinkdull {color: #660033!important;}

.color-dgreen {color: #1e9b41!important;}
.color-lgreen {color: #a5d22c!important;}
.color-xlgreen {color: #ccffcc!important;}
.color-bgreen {color: #22ccaa!important;}
.color-armygreen {color: #669900!important;}

.color-dblue {color: #2d4197!important;}
.color-lblue {color: #6eb7e4!important;}
.color-xlblue {color: #bbeeff!important;}
.color-upclblue {color: #46cdec!important;}
.color-azureblue {color: #0066ff!important;}
.color-palebluelight {color: #8c99a4!important;}
.color-palebluemiddle {color: #455868!important;}
.color-palebluedark {color: #283744!important;}

.color-xlpurple {color: #eeddff!important;}
.color-purple {color: #792d9a!important;}

.color-dgrey {color: #6f6a6c!important;}
.color-cgrey {color: #ccc!important;}
.color-9grey {color: #999!important;}
.color-xlgrey {color: #f7f6f0!important;}
.color-lgrey {color: #999999!important;}

.color-yellow {color: #ffcc33!important;}
.color-xlyellow {color: #ffffcc!important;}
.color-upcyellow {color: #ffb612!important;}

.color-orange {color: #ff9900!important;}
.color-dorange {background-color: #cc6600!important;}

/* BACKGROUND COLORS */
.bgcolor-white {background-color: #fff!important;}
.bgcolor-black {background-color: #000!important;}

.bgcolor-brown {background-color: #996633!important;}
.bgcolor-lbrown {background-color: #cc9966!important;}

.bgcolor-red {background-color: #cc0000!important;}
.bgcolor-lred {background-color: #ff2200!important;}
.bgcolor-xlred {background-color: #ffdddd!important;}
.bgcolor-dred {background-color: #c30a29!important;}

.bgcolor-pink {background-color: #ff00ff!important;}
.bgcolor-pinkred {background-color: #ff0066!important;}
.bgcolor-pinkhard {background-color: #cc0066!important;}
.bgcolor-pinkdull {background-color: #660033!important;}

.bgcolor-dgreen {background-color: #1e9b41!important;}
.bgcolor-lgreen {background-color: #a5d22c!important;}
.bgcolor-xlgreen {background-color: #ccffcc!important;}
.bgcolor-bgreen {background-color: #22ccaa!important;}
.bgcolor-armygreen {background-color: #669900!important;}

.bgcolor-dblue {background-color: #2d4197!important;}
.bgcolor-lblue {background-color: #6eb7e4!important;}
.bgcolor-xlblue {background-color: #bbeeff!important;}
.bgcolor-upclblue {background-color: #46cdec!important;}
.bgcolor-azureblue {background-color: #0066ff!important;}
.bgcolor-palebluelight {background-color: #8c99a4!important;}
.bgcolor-palebluemiddle {background-color: #455868!important;}
.bgcolor-palebluedark {background-color: #283744!important;}


.bgcolor-xlpurple {background-color: #eeddff!important;}
.bgcolor-purple {background-color: #792d9a!important;}

.bgcolor-dgrey {background-color: #6f6a6c!important;}
.bgcolor-cgrey {background-color: #ccc!important;}
.bgcolor-9grey {background-color: #999!important;}
.bgcolor-xlgrey {background-color: #f7f6f0!important;}
.bgcolor-lgrey {background-color: #999999!important;}

.bgcolor-yellow {background-color: #ffcc33!important;}
.bgcolor-xlyellow {background-color: #ffffcc!important;}
.bgcolor-upcyellow {background-color: #ffb612!important;}

.bgcolor-orange {background-color: #ff9900!important;}
.bgcolor-dorange {background-color: #cc6600!important;}



/*** TABLES ***/
table.listing {background-color: #ccc; border-collapse: separate; border-spacing: 1px 1px;}
table.listing th {vertical-align: top; padding: 5px 10px 5px 10px; background-color: #666; color: #fff; font-weight: normal; font-size: 0.9em; text-transform: uppercase; text-align: left;}
table.listing td {vertical-align: top; padding: 5px 10px 5px 10px; background-color: #fff; color: #000; font-weight: normal; font-size: 0.9em;  text-align: left;}
table.listing tr:nth-child(even) td {background-color: #f0efe9;}
table.listing tr:nth-child(odd) td {background-color: #fff;}

table.listing_narrow {background-color: #ccc;}
table.listing_narrow  th {vertical-align: top; padding: 2px; background-color: #666; color: #fff; font-weight: normal; font-size: 0.9em; text-transform: uppercase; text-align: left;}
table.listing_narrow  td {vertical-align: top; padding: 2px; background-color: #fff; color: #000; font-weight: normal; font-size: 0.9em;  text-align: left;}
table.listing_narrow  tr:nth-child(even) td {background-color: #f0efe9;}
table.listing_narrow  tr:nth-child(odd) td {background-color: #fff;}

table.plain th, td {text-align: left; padding: 5px;}

/* OPERATION MESSAGES */
.op-msg-green {display: block; margin: 10px 0 10px 0; padding: 10px; text-align: center; font-size: 1.2em; background-color: #ccffcc; color: #009900; border: 1px dotted #009900;}
.op-msg-orange {display: block; margin: 10px 0 10px 0; padding: 10px; text-align: center; font-size: 1.2em; background-color: #ffdd99; color: #ff9933; border: 1px dotted #ff9933;}
.op-msg-red {display: block; margin: 10px 0 10px 0; padding: 10px; text-align: center; font-size: 1.2em; background-color: #ffdddd; color: #cc0000; border: 1px dotted #cc0000;}							

#admin-warning {display: block; margin: 10% auto; padding: 0 20px 20px 20px; max-width: 500px; background-color: #fff; color: #000; border: 3px solid #ececec; font-size: 1.2em; text-align: center;}


.bordered-content {display: block; background-color: #ececec; color: #666; border: 1px solid #ececec; padding: 10px; 
/*-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;*/}

.half-container {display: block; float: left; width: 47%; margin: 0 20px 0 0; border: 0;}
.half-container-last {display: block; float: left; width: 47%; margin: 0; border: 0;}



/* LINKS AND LINK BUTTONS */
a:link, a:active, a:visited {color: #333; text-decoration: underline;}
a:hover {text-decoration: none; color: #41c0be;}
a:link.active {font-weight: bold;}

a.delete-x-link {color: #cc0000; font-weight: bold; text-decoration: none;}
a.delete-x-link:hover {color: #999;}

a.admin-dashboard {display: inline-block; background-color: #fff; color: #000; text-decoration: none; border-left: 3px solid #455868;}
a.admin-dashboard:hover {background-color: #ccc;}

a.basket-remove-item {text-decoration: none; color: #6f6f6c;}
a.basket-remove-item:hover {text-decoration: none; color: #cc0000;}

.social-links-holder {display: block; width: 105px; border: 0; margin: 0 auto;}
a.social-media {display: block; float: left; margin: 0 5px 0 0; width: 30px; height: 30px; border: 0; text-decoration: none; background-image: url('../_graphics/icons/social-media-icons-sprite-w30.png'); background-repeat: no-repeat;}
a.facebook {background-position: 0 -31px;}
a:hover.facebook {background-position: 0 0;}
a.googleplus {background-position: -32px -31px;}
a:hover.googleplus {background-position: -32px 0;}
a.youtube {background-position: -64px -31px;}
a:hover.youtube {background-position: -64px 0;}
a.linkedin {background-position: -97px -31px;}
a:hover.linkedin {background-position: -97px 0;}


#back-to-top {position: fixed; /*right:0px; bottom:15px;*/ left: 20px; bottom: 20px; display:none;}
#back-to-top a {display: block; padding: 15px; text-decoration: none; border:0 none; display: block;}
#back-to-top a:hover {opacity: .8; }

a.button-green {border: 0; color: #fff; cursor: pointer; padding: 10px 20px; font-size: 17px; background:#41c0be; text-transform: uppercase; text-decoration: none;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
a.button-green:hover {background-color :#969696; color: #333; 
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75); -moz-box-shadow: 0 0 4px rgba(0,0,0, .75); box-shadow: 0 0 4px rgba(0,0,0, .75);}

a.button-lred {border: 0; color: #fff; cursor: pointer; padding: 10px 20px; background: #ff1122; text-transform: none; text-decoration: none;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
a.button-lred:hover {background-color :#ccc; color: #333; 
/*-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75); -moz-box-shadow: 0 0 4px rgba(0,0,0, .75); box-shadow: 0 0 4px rgba(0,0,0, .75);*/}


a.button-dred {border: 0; color: #fff; cursor: pointer; padding: 10px 20px; font-size: 17px; background:#cc0000; text-transform: uppercase; text-decoration: none;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
a.button-dred:hover {background-color :#969696; color: #333; 
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75); -moz-box-shadow: 0 0 4px rgba(0,0,0, .75); box-shadow: 0 0 4px rgba(0,0,0, .75);}

a.button-yellow {border: 0; color: #fff; cursor: pointer; padding: 10px 20px; font-size: 17px; background:#fec226; text-transform: uppercase; text-decoration: none;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
a.button-yellow:hover {background-color: #8c99a4; color: #333; 
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75); -moz-box-shadow: 0 0 4px rgba(0,0,0, .75); box-shadow: 0 0 4px rgba(0,0,0, .75);}


/* REPORTS */
.storno-bar-base {display: block; width: 50px; height: 10px; text-align: left; background-color: #f7f7f7; border: 1px solid black;}
.storno-bar {display: block; height: 10px; background-color: #22ccaa;}


/* BUTTONS */
input.button-green-small {border: 0; color: #fff; cursor: pointer; padding: 2px 5px; font-size: 17px; background:#41c0be;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
input.button-green-small:hover, input.button-green-small:focus{background-color :#969696; color: #333; 
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75); -moz-box-shadow: 0 0 4px rgba(0,0,0, .75); box-shadow: 0 0 4px rgba(0,0,0, .75);}

input.button-paleblue-small {border: 0; color: #fff; cursor: pointer; padding: 13px 10px; font-size: 13px; background:#8c99a4; font-weight: bold; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
input.button-paleblue-small:hover, input.button-paleblue-small:focus{background-color :#455868; color: #fff; 
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75); -moz-box-shadow: 0 0 4px rgba(0,0,0, .75); box-shadow: 0 0 4px rgba(0,0,0, .75);}

input.button-yellow-small {border: 0; color: #fff; cursor: pointer; padding: 13px 10px; font-size: 13px; background:#fec226; font-weight: bold; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
input.button-yellow-small:hover, input.button-yellow-small:focus{background-color :#455868; color: #fff; 
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75); -moz-box-shadow: 0 0 4px rgba(0,0,0, .75); box-shadow: 0 0 4px rgba(0,0,0, .75);}

input.button-green-big {border: 0; color: #fff; cursor: pointer; padding: 10px 20px; font-size: 17px; background:#41c0be; text-transform: uppercase;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
input.button-green-big:hover, input.button-green-big:focus {background-color :#969696; color: #333; 
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75); -moz-box-shadow: 0 0 4px rgba(0,0,0, .75); box-shadow: 0 0 4px rgba(0,0,0, .75);}

input.button-yellow-big {border: 0; color: #fff; cursor: pointer; padding: 10px 20px; font-size: 17px; background:#fec226; text-transform: uppercase; font-weight: bold; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
input.button-yellow-big:hover, input.button-yellow-big:focus {background-color :#969696; color: #333; 
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75); -moz-box-shadow: 0 0 4px rgba(0,0,0, .75); box-shadow: 0 0 4px rgba(0,0,0, .75);}


/* DASHBOARD */
#dashboard {display: block;}
#dashboard div.dash_block {display: block; padding: 10px 0 0 10px; margin: 0 10px 0 0; float: left; border: 0;}
#dashboard a.dashlink {display: block; width: 100px; height: 100px; float: left; margin: 0 10px 10px 0; border: 0; text-decoration: none; color: #fff; text-transform: uppercase; text-align: center;}
#dashboard a.dashlink:hover {background-color: #969696!important; color: #333;
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75); -moz-box-shadow: 0 0 4px rgba(0,0,0, .75); box-shadow: 0 0 4px rgba(0,0,0, .75);}
#dashboard .dashlink-disabled {display: block; width: 100px; height: 100px; float: left; margin: 0 10px 10px 0; border: 0; text-decoration: none; text-transform: uppercase; text-align: center; background-color: #fff; color: #ececec;}
#dashboard .dashlink-disabled {cursor: not-allowed;}
#dashboard span.dashlink-icon {font-size: 55px;}
#dashboard div.dashlink-icon-pt{font-size: 55px; padding-top: 5px;}
#dashboard .dashlink-divider {display: block; height: 110px;}
#dashboard h4 {margin: 0 0 10px 0; text-transform: uppercase;}

/* EASY TABS */
.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #ccc; border-bottom: none; /*-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; */}
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; color: #999; text-decoration: none;}
.tab a:hover {text-decoration: underline; }
.tab.active {background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #ccc; }
.tab a.active {font-family: arial; color: #333;}
.tab-container .panel-container {background-color: #maroon; border: solid #ccc 1px; padding: 10px; /*-moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; */}
.panel-container { margin-bottom: 10px; }

/* PAGINATION */
#pagination{display:inline-block; width: 100%; padding: 20px 0 0 0;}
#pagiCount{margin-left: 0;}
#pagination a, #pagination strong {display:block; float:left; margin-right: 5px; text-decoration:none; background-color: #283744; padding: 3px 5px; border: 1px solid #283744; color: #fff;}
#prev a {color: #fff; border: 1px solid #283744;}
#next a {color: #fff; border: 1px solid #283744;}
#pagination strong , #pagination a:hover {background-color: #ececec; border: 1px solid #283744; color: #283744;}
tr:nth-child(even) {background-color: #ccc;}


.bgcolor-palebluelight {background-color: #8c99a4!important;}
.bgcolor-palebluemiddle {background-color: #455868!important;}
.bgcolor-palebluedark {background-color: #283744!important;}

/* RESPONSIVE IMG SLIDER www.responsiveslides.com */
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 auto;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}

.rslides_container {margin: 0 auto; position: relative; width: 100%; border: 1px solid #ccc;}
.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../_js/responsive_slider/master/demo/themes/themes.gif") no-repeat left top;
  margin-top: -45px;
  }
.centered-btns_nav:active {opacity: 1.0;}
.centered-btns_nav.next {left: auto; background-position: right top; right: 0;}
.centered-btns_nav:focus {outline: none;}
.centered-btns_tabs {margin-top: 10px; text-align: center;}
.centered-btns_tabs li {display: inline; float: none; _float: left; *float: left; margin-right: 5px;}
.centered-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px; height: 9px;}
.centered-btns_here a {background: #222; background: rgba(0,0,0, .8);}


/* DTD COMPETITION */
.fulfilment-bar-base {display: block; width: 500px; height: 14px; text-align: left; background-color: #f7f7f7; border: 0;}
.fulfilment-bar {display: block; height: 14px; background-color: #6eb7e4; text-align: right;}
.fulfilment-percentage {color: #ffffff; padding: 0 5px 0 0;}
.contracts-bar-base {display: block; width: 500px; height: 14px; text-align: left; background-color: #ececec; border: 0;}
.contracts-bar {display: block; height: 14px; background-color: #d0103a; text-align: right;}
.contracts-percentage {color: #ffffff; padding: 0 5px 0 0;}

.bcolor-fulfilment {background-color: #6eb7e4;}
.bcolor-contracts {background-color: #d0103a;}