/** Fonts **/
@import url(https://fonts.googleapis.com/css?family=Telex|PT+Sans);

body {
	margin:0;
}

a, a:link, a:active, a:visited, a:hover, a.scs_copyright, a.scs_copyright:hover, a.scs_copyright:visited {
	color:#4293D4;
}

#scs_entire_page {
	min-width:1000px;
}

.scs_main_body {
	background: url('../images/durable/03_img3.png');
}

div.scs_frame {
	margin-top:0;
	background: url('../images/durable/03_img1.png');
}

div.scs_header, div.scs_footer {
	width:1000px;
	margin:0 auto;
	float:none;
}

div.scs_footer {
	padding:15px 0;
	color:#fff;
	font-size:1em;
}

div.scs_footer a.scs_copyright {
	font-size:1em;
	color:#4293D4;
	padding:0 8px;
	background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 5%,rgba(255,255,255,0.75) 95%,rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 5%,rgba(255,255,255,0.75) 95%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 5%,rgba(255,255,255,0.75) 95%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 5%,rgba(255,255,255,0.75) 95%,rgba(255,255,255,0) 100%);
	-pie-background: linear-gradient(left,#727272 0%,rgb(230,230,230) 5%,rgb(230,230,230) 95%, #727272 100%);
}

div.scs_footer #footer_logout a.scs_copyright {
	-pie-background:none;
	color:#fff;
	display: inline;
	background: none;
	margin:0;
}

/** AdLauncher link **/
#login_banner_all table tbody tr td > span > a {
	margin-top:-50px;
	position: absolute;
}

div.scs_info#login_banner_all {
	width: 1000px;
	/*margin:0 auto;*/
	margin:42px auto -42px auto;
	background: none;
	color:#fff;
}

span#login_banner {
	font-size:1.25em;
	font-weight: normal;
	display: block;
	margin:-10px 0 10px 0;
}

span#login_banner a {
	color:#fff;
}

div#login_banner_custom div {
	float:left;
}

div#login_banner_custom a {
	font-size:1.25em;
	color:#eee;
}

/** Navigation **/

div#scs_navigate {
	position:static;
	width:1000px;
	height:38px;
	background: -moz-linear-gradient(top, transparent, rgba(0,0,0,0.2)), url('../images/durable/03_img4.png');
	background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.2)), url('../images/durable/03_img4.png');
	background: -ms-linear-gradient(top, transparent, rgba(0,0,0,0.2)), url('../images/durable/03_img4.png');
	background: -o-linear-gradient(top, transparent, rgba(0,0,0,0.2)), url('../images/durable/03_img4.png');
	-pie-background: linear-gradient(top, transparent, rgba(0,0,0,0.2)), url('../images/durable/03_img4.png');
	margin:0 auto;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 1px rgba(255, 255, 255, 0.4) inset;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border:1px solid rgb(26, 103, 152); /* rgb(26, 103, 152) rgb(19, 73, 108);*/
	border-bottom:none;
}

div#scs_navigate li {
	margin:3px;
	padding:2px;
	border:none;
	border-radius:6px;
	position: static;
	font-family: 'PT Sans' !important;
	font-weight: normal;
}

#nav > li:first-child, #nav > li:last-child {
	display: none;
}

div#scs_navigate li:hover {
	margin:2px;
	background:none;
	box-shadow: 0px 1px 3px rgba(255,255,255,0.3) inset;
	border:1px solid rgb(26, 103, 152);
}

div#scs_navigate li:active, div#scs_navigate li.submenu:hover {
	margin:2px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3) inset;
	border:1px solid rgb(26, 103, 152);
}

div#scs_navigate li a:hover {
	background:none;
}

/** Layout **/

div.scs_header_separator {
	display:none;
}

div.scs_footer_separator {
	display:none;
}

div.scs_body {
	border-top:1px solid #fff;
	box-shadow: 0px 6px 5px #474747;
	background: url('../images/durable/03_img2.png');
	overflow: visible;
}

div.scs_left_body {
	display: inline-block;
	width:200px;
	min-width: 200px;
	max-width: 200px;
	vertical-align: top;
	float:none;
	padding-right:0;
	padding:10px 5px 15px 5px;
	background: -moz-linear-gradient(top, rgba(200,200,200,0) 0%, rgba(200,200,200,255) 10%, rgba(200,200,200,255) 90%, rgba(200,200,200,0) 100%);
	background: -webkit-linear-gradient(top, rgba(200,200,200,0) 0%, rgba(200,200,200,255) 10%, rgba(200,200,200,255) 90%, rgba(200,200,200,0) 100%);
	background: -ms-linear-gradient(top, rgba(200,200,200,0) 0%, rgba(200,200,200,255) 10%, rgba(200,200,200,255) 90%, rgba(200,200,200,0) 100%);
	background: -o-linear-gradient(top, rgba(200,200,200,0) 0%, rgba(200,200,200,255) 10%, rgba(200,200,200,255) 90%, rgba(200,200,200,0) 100%);
	-pie-background: linear-gradient(top, #EAEDEF 0%, rgb(200,200,200) 10%, rgb(200,200,200) 90%, #EAEDEF 100%);
}

div.scs_center_body {
	display: inline-block;
	width:775px;
	float:none;
	vertical-align: top;
	padding:5px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,255) 5%, rgba(255,255,255,255) 95%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,255) 5%, rgba(255,255,255,255) 95%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,255) 5%, rgba(255,255,255,255) 95%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,255) 5%, rgba(255,255,255,255) 95%, rgba(255,255,255,0) 100%);
	-pie-background: linear-gradient(top, #EAEDEF 0%, rgb(255,255,255) 5%, rgb(255,255,255) 95%, #EAEDEF 100%);
}

/** Input boxes **/
input[type="text"], input[type="password"], select {
	border:1px solid #ddd;
	-webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
   -o-transition: all 0.1s linear;
   -ms-transition: all 0.1s linear;
   transition: all 0.1s linear;
   padding:2px;
   margin:1px;
}

input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, select:focus, select:hover {
	border:1px solid #999;
	box-shadow: 0px 1px 1px #eee;
	background: -moz-linear-gradient(top,#ccc 0%, #fff 15%);
	background: -webkit-linear-gradient(top,#ccc 0%, #fff 15%);
	background: -ms-linear-gradient(top,#ccc 0%, #fff 15%);
	background: -o-linear-gradient(top,#ccc 0%, #fff 15%);
	-pie-background: linear-gradient(top,#ccc 0%, #fff 15%);
}

input[type="text"]:focus, input[type="password"]:focus, select:focus {
	border:1px solid #444;
}

/** Buttons **/
input[type="button"], button {
	margin:2px;
	border:1px solid #999;
	background: -moz-linear-gradient(top,#eee,#aaa);
	background: -webkit-linear-gradient(top,#eee,#aaa);
	background: -ms-linear-gradient(top,#eee,#aaa);
	background: -o-linear-gradient(top,#eee,#aaa);
	-pie-background: linear-gradient(top,#eee,#aaa);
	padding:4px 6px;
	box-shadow: 0px 1px 3px #777;
	font-family: PT Sans;
}

input[type="button"]:hover:not(.sprite-fc32), button:hover:not(.sprite-fc32) {
	border:1px solid #777;
	background: -moz-linear-gradient(top,#f5f5f5,#bbb);
	background: -webkit-linear-gradient(top,#f5f5f5,#bbb);
	background: -ms-linear-gradient(top,#f5f5f5,#bbb);
	background: -o-linear-gradient(top,#f5f5f5,#bbb);
	-pie-background: linear-gradient(top,#f5f5f5,#bbb);
}

input[type="button"]:active:not(.sprite-fc32), button:active:not(.sprite-fc32) {
	box-shadow: 0px 0px 2px #777;
	background: -moz-linear-gradient(bottom,#f5f5f5,#bbb);
	background: -webkit-linear-gradient(bottom,#f5f5f5,#bbb);
	background: -ms-linear-gradient(bottom,#f5f5f5,#bbb);
	background: -o-linear-gradient(bottom,#f5f5f5,#bbb);
	-pie-background: linear-gradient(bottom,#f5f5f5,#bbb);
}

input.scs_black_button, input.scs_black_button:hover, input.scs_black_button:active {
	color:#000 !important;
	font-weight: normal;
}

/** Navigation submenu **/
#nav ul.submenu {
	border:1px solid rgb(16, 93, 142);
	padding:7px 0px;
	position:absolute;
}

#nav ul li {
	position: static;
	background:none;
	width:auto;
	min-width:auto;
	display: inline-block;
	margin:3px;
	background: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));
	background: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));
	background: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));
	background: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));
	-pie-background: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));
	box-shadow: 0px -1px 1px #444 inset;
	border-radius:0;
}

#nav ul li:hover, #nav ul li.submenu:hover {
	border:none;
	box-shadow: 0px 1px 1px #444 inset;
	background: -moz-linear-gradient(bottom,rgba(255,255,255,0.4),rgba(255,255,255,0));
	background: -webkit-linear-gradient(bottom,rgba(255,255,255,0.4),rgba(255,255,255,0));
	background: -ms-linear-gradient(bottom,rgba(255,255,255,0.4),rgba(255,255,255,0));
	background: -o-linear-gradient(bottom,rgba(255,255,255,0.4),rgba(255,255,255,0));
	-pie-background: linear-gradient(bottom,rgba(255,255,255,0.4),rgba(255,255,255,0));
	margin:3px;
}

#nav ul li:active {
	border:none;
	box-shadow: none;
	margin:3px;
}

#nav ul li a {
	width:auto;
	color:#000;
}

#nav ul {
	font-size:0.9em;
	box-shadow: 0px 2px 2px #555;
	float:left;
	width:1000px;
	left:50%;
	margin-top:0px;
	margin-left:-501px;
	background: -moz-linear-gradient(top,#1666A8,#368ACF);
	background: -webkit-linear-gradient(top,#1666A8,#368ACF);
	background: -ms-linear-gradient(top,#1666A8,#368ACF);
	background: -o-linear-gradient(top,#1666A8,#368ACF);
	-pie-background: linear-gradient(top,#1666A8,#368ACF);
}

#nav ul li a {
	padding-top:0.35em;
}

#nav ul.submenu li.submenu > a {
	padding-right: 22px;
	background:url('../images/durable/03_img5.png') no-repeat center right;
}

#nav ul ul, #nav ul ul ul {
	margin-left:0;
	left:-1px;
	top:63px;
	border:1px solid #888 !important;
	background: -moz-linear-gradient(top,#aaa,#ccc);
	background: -webkit-linear-gradient(top,#aaa,#ccc);
	background: -ms-linear-gradient(top,#aaa,#ccc);
	background: -o-linear-gradient(top,#aaa,#ccc);
	-pie-background: linear-gradient(top,#aaa,#ccc);
}

#nav ul ul li:hover a {
	color:#000;
}

/** COE pages **/
#ordentArea {
	border:none;
}

.goog-tab-bar {
	background: none;
}

div.coe_class_select {
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    overflow: hidden;
    border-radius: 8px;
    text-align: left;
    width: 450px;
    height: 32px;
    margin: 8px;
    background: -moz-linear-gradient(top,rgba(255,255,255,0.15),rgba(180,219,250,0.5));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0.15),rgba(180,219,250,0.5));
    background: -ms-linear-gradient(top,rgba(255,255,255,0.15),rgba(180,219,250,0.5));
    background: -o-linear-gradient(top,rgba(255,255,255,0.15),rgba(180,219,250,0.5));
    -pie-background: linear-gradient(top,rgba(255,255,255,0.15),rgba(180,219,250,0.5));
    border: 1px solid rgb(180,219,250);
}

div.coe_class_select:hover {
	background: -moz-linear-gradient(top,rgb(255,255,255),rgb(180,219,250));
	background: -webkit-linear-gradient(top,rgb(255,255,255),rgb(180,219,250));
	background: -ms-linear-gradient(top,rgb(255,255,255),rgb(180,219,250));
	background: -o-linear-gradient(top,rgb(255,255,255),rgb(180,219,250));
	-pie-background: linear-gradient(top,rgb(255,255,255),rgb(180,219,250));
	box-shadow: 0px 0px 2px #448FC9;
	border:1px solid #2A70A8;
}

div.coe_class_select:active {
	background: -moz-linear-gradient(bottom,rgb(255,255,255),rgb(180,219,250));
	background: -webkit-linear-gradient(bottom,rgb(255,255,255),rgb(180,219,250));
	background: -ms-linear-gradient(bottom,rgb(255,255,255),rgb(180,219,250));
	background: -o-linear-gradient(bottom,rgb(255,255,255),rgb(180,219,250));
	-pie-background: linear-gradient(bottom,rgb(255,255,255),rgb(180,219,250));
}

div.coe_class_select .iconset {
	float: left;
	width: 455px;
}

div.coe_class_select .sprite-fc32 {
    float: left;
    margin-left: 5px;
    margin-right: 12px;
}

div.coe_class_select .iconset h2 {
	float:left;
	margin-top: 4px;
}

.goog-menu {
	box-shadow: 0px 2px 4px #888;
}

div.coe_class_select .goog-flat-menu-button {
	float:left;
	visibility: hidden;
	margin-top:-12px;
}

div.new_scs_round {
	background: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 25%, rgba(128,128,128,0) 90%, rgba(128,128,128,0.5) 100%), url('../images/durable/03_img6.png');
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 25%, rgba(128,128,128,0) 90%, rgba(128,128,128,0.5) 100%), url('../images/durable/03_img6.png');
	background: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 25%, rgba(128,128,128,0) 90%, rgba(128,128,128,0.5) 100%), url('../images/durable/03_img6.png');
	background: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 25%, rgba(128,128,128,0) 90%, rgba(128,128,128,0.5) 100%), url('../images/durable/03_img6.png');
	-pie-background: linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 25%, rgba(128,128,128,0) 90%, rgba(128,128,128,0.5) 100%), url('../images/durable/03_img6.png');
	border-radius: 10px;
	border:1px solid #999;
	box-shadow: 0px 2px 5px #666;
}

div.new_scs_round select {
	font-family: PT Sans;
	color:#222;
	background: -moz-linear-gradient(top,#ddd,#999);
	background: -webkit-linear-gradient(top,#ddd,#999);
	background: -ms-linear-gradient(top,#ddd,#999);
	background: -o-linear-gradient(top,#ddd,#999);
	-pie-background: linear-gradient(top,#ddd,#999);
	padding:4px;
	border-radius:6px;
	border:1px solid #999;
}

div.new_scs_round input[type="text"], div.new_scs_round input[type="text"]:hover, div.new_scs_round input[type="text"]:active, div.new_scs_round input[type="text"]:focus {
	box-shadow: none;
}

div.new_scs_round select:hover, div.new_scs_round select:active, div.new_scs_round select:focus {
	box-shadow: none;
}

h3.new_scs_round_title {
    background: none;
    color: #222;
    padding: 10px;
    font-size: 1.35em;
    text-shadow: 0px -1px 1px #fff;
}

div.new_scs_round_content_with_title {
	background: none;
	color:#111;
	border:none;
}

.goog-rounded-tab-outer-edge, .goog-rounded-tab-inner-edge {
	display:none;
}

.goog-rounded-tab .goog-rounded-tab-caption {
	background: -moz-linear-gradient(top,rgb(51,102,153),rgb(0,51,102));
	background: -webkit-linear-gradient(top,rgb(51,102,153),rgb(0,51,102));
	background: -ms-linear-gradient(top,rgb(51,102,153),rgb(0,51,102));
	background: -o-linear-gradient(top,rgb(51,102,153),rgb(0,51,102));
	-pie-background: linear-gradient(top,rgb(51,102,153),rgb(0,51,102));
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border:1px solid rgb(0,51,102);
	border-bottom:none;
	box-shadow: 0px 0px 2px #777;
}

.goog-rounded-tab-selected .goog-rounded-tab-caption {
	background: -moz-linear-gradient(top,rgb(102,153,204),rgb(51,102,153)) !important;
	background: -webkit-linear-gradient(top,rgb(102,153,204),rgb(51,102,153)) !important;
	background: -ms-linear-gradient(top,rgb(102,153,204),rgb(51,102,153)) !important;
	background: -o-linear-gradient(top,rgb(102,153,204),rgb(51,102,153)) !important;
	-pie-background: linear-gradient(top,rgb(102,153,204),rgb(51,102,153)) !important;
	border-color:rgb(51,102,153);
}

.goog-rounded-tab-disabled .goog-rounded-tab-caption {
	background: -moz-linear-gradient(top,rgb(204,204,204),rgb(154,154,154));
	background: -webkit-linear-gradient(top,rgb(204,204,204),rgb(154,154,154));
	background: -ms-linear-gradient(top,rgb(204,204,204),rgb(154,154,154));
	background: -o-linear-gradient(top,rgb(204,204,204),rgb(154,154,154));
	-pie-background: linear-gradient(top,rgb(204,204,204),rgb(154,154,154));
	border-color: rgb(104,104,104);
}

#editor_div .new_scs_round, #ordentArea .new_scs_round {
	width: 100%;
	margin: 5px 0;
}

.adbox .title1 {
	font-family:Telex;
	font-size:1.45em;
	float:left;
	text-decoration: underline;
}

.adbox .title2 {
	font-family:Telex;
	font-size:1.35em;
	float:left;
}

.adbox .price {
	font-family:Telex;
	font-weight: normal;
	display:block;
	margin:4px;
	padding:3px 6px;
	background: -moz-linear-gradient(#E0FA03, #96DC24);
	background: -webkit-linear-gradient(#E0FA03, #96DC24);
	background: -ms-linear-gradient(#E0FA03, #96DC24);
	background: -o-linear-gradient(#E0FA03, #96DC24);
	-pie-background: linear-gradient(#E0FA03, #96DC24);
	border:1px solid #76BC04;
	box-shadow: 0px 1px 2px #777;
	float:right;
	border-top-left-radius:8px;
	border-bottom-right-radius:8px;
}

.adbox p {
	clear:both;
}

/** Ad preview **/
#coe_preview {
	box-shadow:0px 0px 2px #222;
}

#uploadtb {
	background: -moz-linear-gradient(top,#ccc,#f0f0f0);
	background: -webkit-linear-gradient(top,#ccc,#f0f0f0);
	background: -ms-linear-gradient(top,#ccc,#f0f0f0);
	background: -o-linear-gradient(top,#ccc,#f0f0f0);
	-pie-background: linear-gradient(top,#ccc,#f0f0f0);
	border:1px solid #555;
	border-radius:8px;
	box-shadow: 0px 2px 4px #777 inset;
}

/** Progress bar **/

.scs_progbar {
	border:1px solid #999 !important;
	box-shadow: 0px 1px 4px #999;
	font-family: Telex !important;
	padding:8px 0;
	background: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)), url('../images/durable/03_img7.png');
	background: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)), url('../images/durable/03_img7.png');
	background: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)), url('../images/durable/03_img7.png');
	background: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)), url('../images/durable/03_img7.png');
	-pie-background: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)), url('../images/durable/03_img7.png');
}


@media screen and (min-width: 1280px) {
    #scs_entire_page,
    div.scs_body {
        min-width: 1256px;
    }

    div.scs_header,
    div.scs_footer,
    div.scs_info#login_banner_all,
    #nav ul,
    div.scs_center_body,
    div#scs_navigate {
        width: 1042px;
    }
    #nav ul {
        margin-left: -522px;
    }
}

@media screen and (min-width: 1600px) {
    #scs_entire_page,
    div.scs_body {
        min-width: 1576px;
    }

    div.scs_header,
    div.scs_footer,
    div.scs_info#login_banner_all,
    #nav ul,
    div.scs_center_body,
    div#scs_navigate {
        width: 1344px;
    }
    #nav ul {
        margin-left: -673px;
    }
}

@media screen and (min-width: 2048px) {
    #scs_entire_page,
    div.scs_body {
        min-width: 2024px;
    }

    div.scs_header,
    div.scs_footer,
    div.scs_info#login_banner_all,
    #nav ul,
    div.scs_center_body,
    div#scs_navigate {
        width: 1792px;
    }
    #nav ul {
        margin-left: -897px;
    }
}

div.scs_page, div.scs_column, div.scs_no_rule {
    background: white;
}
