@charset "utf-8";
/* CSS Document */

body {
    margin:0;
    font-family:Verdana; Arial, Helvetica, sans-serif;
    background: url("../images/head-back-88.jpg") no-repeat center top;
}
#outer {
    -border:1px solid #f00;
    -background-color:#fff;
    padding:0;
    width:1000px;
    margin:0 auto;
    min-width: 700px;
    max-width: 1000px;
    width: 80%;
    box-shadow: 10px 0px 10px -6px #999, -10px 0px 10px -4px #999;
    -position: relative;
}
-#outer-l {
    padding: 0 0 0 13px;
    background: transparent url("../images/shad.png") 0 0 repeat-y;
}
-#outer-r {
    padding: 0 13px 0 0;
    background: transparent url("../images/shad.png") 100% 0 repeat-y;
}

button.button-action {
    height: 50px;
    width: 95%;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;

    border: 2px solid #CB7E2B;
    border-bottom: 1px solid #CC9933;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #FFCC33;
    -webkit-box-shadow: 0 1px 0 0 #FFCC33 inset ;
    -moz-box-shadow: 0 1px 0 0 #FFCC33 inset;
    -ms-box-shadow: 0 1px 0 0 #FFCC33 inset;
    -o-box-shadow: 0 1px 0 0 #FFCC33 inset;
    color: white;
    
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    background:#E37222;
    margin: 5px 0 0 0;;
}
button.button-action:hover {
    background:#fff;
    color:#E37222;
}



#header-topbar {
    background-color:#000;
    color: #aaa;
    padding: 7px 0;
    font-size:12px;
    text-align:center;
    text-align: center;
}
#header-topbar a {
    color: #aaa;
    text-decoration: none;
}
#header-topbar a:hover {
    color: #fff;
}
#header-main {
    -border: 1px solid #ccc;
    width: 1000px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    padding-top: 5px;
}
#header-main img {
	margin-top:8px;
}
#header-main #line1 {
    font-size: 18px;
}
#header-main #line2 {
    font-size: 21px;
    font-weight: bold;
    margin: 4px 0 4px 0;
}
#header-main #line3 {
    font-size: 20px;
}
/*
#header-main > :nth-child(even) {
    font-size: 26px;
    font-weight: bold;
}
*/
#header-main span {
    display: block;
}

h1.header-big {
    color:#E37222;
    -font-family: 'Signika Negative', sans-serif;
    font-weight: normal;
    font-size: 24px;
    margin: 10px 0px 20px 0px;
    padding: 0px 20px;
    background-color: #fff;
    background: url(../images/design/4x4-chess-blue.png) repeat-x center left;
}
h2.header-info {
    color:#006699;
    -font-family: 'Signika Negative', sans-serif;
    font-weight: normal;
    font-size: 20px;
    margin: 20px 0px 10px 0px;
    padding: 0px 20px;
    background-color: #fff;
    background: url(../images/design/2x2-chess-orrange.png) repeat-x center left;
}
h3.header-small {
    color:#E37222;
    -font-family: 'Signika Negative', sans-serif;
    font-weight: normal;
    font-size: 18px;
    margin: 20px 0px 10px 0px;
    padding: 0px 20px;
    background-color: #fff;
    background: url(../images/design/2x2-chess-orrange.png) repeat-x center left;
}
h3.header-small-blue {
    color:#006699;
    font-weight: normal;
    font-size: 18px;
    margin: 20px 0px 10px 0px;
    padding: 0px 20px;
    background-color: #fff;
    background: url(../images/design/2x2-chess-blue.png) repeat-x center left;
    
}
h3.header-small-blue span {
    background-color: #fff;
    padding: 0 10px;     
}

h1.header-big span {
    background-color: #fff;
    padding: 0 10px;     
}
h2.header-info span {
    background-color: #fff;
    padding: 0 10px;     
}
h3.header-small span {
    background-color: #fff;
    padding: 0 10px;     
}
#slider-container {
    height: 270px;
    background-color: #ffffff;
    width: 100%;
    max-width: 1000px;
    position: relative;
    margin-bottom: 2px;
}
#middle {
    background-color:#cce0eb;
    -background-color: #fff;
    position: relative;
    padding: 0 184px;
}
#middle-left-content {
    background-color:#cce0eb;
    -background-color: #fff;
    position: relative;
    padding: 0 0 0 184px;
}
#middle-content {
    background-color:#cce0eb;
    -background-color: #fff;
    position: relative;
    padding: 0 0 0 0;
}
#left {
    position: absolute;
    top: 0;
    left: 0;
    -background-color:#99c2d6;
    width:183px;
    margin-bottom: 2px;
    text-align: center;
}
#right {
    position: absolute;
    top: 0;
    right: 0;
    width:183px;
}
.hide-element {
    display: none;
}
#content {
    -border:1px solid #000;
    background-color:#fff;
    color: #444;
    font-size: smaller;
    padding: 10px;
    z-index: 1;
}
.header-caption {
    -font-size:12px; 
    background:#009fda;
    padding: 5px;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color:#fff;
}
#footer {
    -border:1px solid #000;
    background-color:#006699;
    -width:750px;
    font-size: 12px;
    padding: 5px 0 5px 0;
    color: #fff;
    height:28px;
    clear:both;
    text-align: center;
	border-top:4px solid #E37222;
}
#footer-bottom {
    margin: 0;
    padding: 0;
    background-color: #444;
}
#bottom-links-cont {
    padding:10px 10px;
    width:1000px;
    margin:0 auto;
    min-width: 700px;
    max-width: 1000px;
    width: 80%;    
    background-color: #444;
    font-size:12px;
}
#bottom-links-cont ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#bottom-links-cont th {text-align: left;}
#bottom-links-cont td {vertical-align: top;}
#bottom-links-cont th a {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    
}
#bottom-links-cont li {margin: 5px 0;}
#bottom-links-cont li a {
    color: #aaa;
    text-decoration: none;
}
#bottom-links-cont li a:hover {
    color: #fff;
}
    
/* ---------------------------------------------------- */
/* ------------ DROP-DOWN MAIN MENU ------------------- */
/* ---------------------------------------------------- */

#hzmenu {
    -border:1px solid #000;
    background-color:#ccc;
    height:36px;
    font-weight:bold;
    margin: 0;
}
.hzMenuUL {
    -border:1px solid #ff0000;
    background:#006699;
    padding:0;
    margin:0;
    list-style-type:none;
    height:35px;
    border-bottom:4px solid #E37222;
    -z-index: 300;
}
.hzMenuUL li { float:left;}
.hzMenuUL li a {
    padding:11px 20px;
    display:block;
    color:#fff;
    text-decoration:none;
    font:12px arial, verdana, sans-serif;
}

/* DROP-DOWN SUB-MENU */

.hzMenuUL ul {
    position:absolute;
    left:-9999px;
    top:-9999px;
    width: 200px;
    list-style-type:none;
    z-index: 100;
}
.hzMenuUL li:hover { position:relative; background:#009fda; }
.hzMenuUL li:hover ul {
    left:0px;
    top:35px;
    background:#009fda;
    padding:0px;
}

.hzMenuUL li:hover ul li a {
    padding:5px;
    display:block;
    width:200px;
    text-indent:15px;
    background-color:#009fda;
}
.hzMenuUL li:hover ul li a:hover { background:#006699; }


.hzMenuUL li:hover ul.noJS {
    display: block; 
}
/* ---------------------------------------------------- */
/* ---------------- TOP LOGGED MENU ------------------- */
/* ---------------------------------------------------- */

#hzLoggedMenu {
    background-color:#ccc;
    height:35px;
    font-weight:bold;
    -margin: 1px 0;
}
.hzLoggedMenuUL {
    background:#008542;
    padding:0;
    margin:0;
    list-style-type:none;
    height:35px;
}
.hzLoggedMenuUL li { float:left;}
.hzLoggedMenuUL li a {
    padding:11px 15px;
    display:block;
    color:#fff;
    text-decoration:none;
    font:12px arial, verdana, sans-serif;
}
.hzLoggedMenuUL li a:hover {
    background:#66CC33;
}

#welcomeUserBar {
    -border:1px solid #ff0000;
    background: #66CC33;
    text-align: center;
    padding: 5px 10px;
    color: #555;
}
#welcomeUserBar span {
    font-weight: bold;
}


/* ---------------------------------------------------- */
/* ------------------- LEFT MENU ---------------------- */
/* ---------------------------------------------------- */

#menu-left {
    -background:#006699;
    padding:0;
    margin:0;
    list-style-type:none;
    text-align: left;
}
#menu-left li {
    background:#006699;
    margin:1px 0;
}
#menu-left li.menu-left-action {
    background:#e37222;
}
#menu-left li a {
    padding:8px 0 8px 10px;
    display:block;
    color:#fff;
    text-decoration:none;
    font:12px arial, verdana, sans-serif;
}

/* ---------------------------------------------------- */
/* ------------------- USER'S LEFT MENU ---------------------- */
/* ---------------------------------------------------- */

#users-menu-left {
    -background:#006699;
    padding:0;
    margin:0;
    list-style-type:none;
    text-align: left;
}
#users-menu-left li {
    background:#008542;
    margin:1px 0;
}
#users-menu-left li a {
    padding:8px 0 8px 10px;
    display:block;
    color:#fff;
    text-decoration:none;
    font:12px arial, verdana, sans-serif;
}
#users-menu-left li a:hover {
    background:#66CC33;
}

/* ---------------------------------------------------- */
/* ----------------- PAPER SUBMISSION STATUS  --------- */
/* ---------------------------------------------------- */

#paperSubOpen {
	background-color:#fff; text-align:center; padding:6px; width:100%; font-weight:bold; color:#e37222;
	border:2px solid #e37222;
	transition: background-color 500ms linear;
}
#paperSubOpen a {
	color:#e37222; text-decoration:none;
	transition: background-color 500ms linear;
}
#paperSubOpen:hover {
	background-color:#e37222; text-align:center; padding:6px; width:100%; font-weight:bold; 
	border:2px solid #e37222;
	transition: background-color 500ms linear;
}
#paperSubOpen:hover a {
	color:#fff; text-decoration:none;
	transition: color 500ms linear;
}

/* ---------------------------------------------------- */
/* ----------------- JOIN BUTTON  --------- */
/* ---------------------------------------------------- */

#joinButton {
	background-color:#fff; text-align:center; padding:6px; width:100%; font-weight:bold; color:#006699;
	border:2px solid #006699;
	transition: background-color 500ms linear;
}
#joinButton a {
	color:#006699; text-decoration:none;
	transition: background-color 500ms linear;
}
#joinButton:hover {
	background-color:#006699; text-align:center; padding:6px; width:100%; font-weight:bold; 
	border:2px solid #006699;
	transition: background-color 500ms linear;
}
#joinButton:hover a {
	color:#fff; text-decoration:none;
	transition: color 500ms linear;
}



/* ---------------------------------------------------- */
/* ----------------- GENERAL LINKS  ------------------- */
/* ---------------------------------------------------- */

a.general {
    color: #006699;
    text-decoration: none;
    border-bottom:1px dotted #E37222;
}
a.general:hover {
    color: #E37222;
    text-decoration: none;
    border-bottom:2px dotted #006699;
}

a.general2 {
    color: #E37222;
    text-decoration: none;
    border-bottom:1px dotted #006699;
}
a.general2:hover {
    color: #006699;
    text-decoration: none;
    border-bottom:2px dotted #E37222;
}

/* ---------------------------------------------------- */
/*---------------------- COUNT DOWN SUBMISSION ---------*/
/* ---------------------------------------------------- */

#SUBclockdiv {
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    font-size: 28px;
    letter-spacing:5px;
}

#SUBclockdiv > div {
    padding: 5px 5px 5px 5px;
    width:100px;
    margin: 2px;
    border-radius: 3px;
    background: #fff;
    border: 2px solid #006699;
    display: inline-block;
}

#SUBclockdiv div > span {
    padding: 5px 10px 5px 10px;
    width:85px;
    border-radius: 3px;
    background: #e37222;
    display: inline-block;
}

.SUBsmalltext {
    padding-top: 5px;
    font-size: 12px;
    color: #006699;
}

/* ---------------------------------------------------- */
/* ------------------- USER'S AREA  ------------------- */
/* ---------------------------------------------------- */

#user-area table {
    width: 100%;
    border-collapse:
    collapse; border-spacing: 2px;    
}
#user-area th, td {
    border: 1px solid #transparent;
    text-align: left;
}
#user-area th {
    padding: 6px 5px;
    background: #888;
    color: #fff;    
}
#user-area td {
    padding: 3px 5px;
    vertical-align: top;
    transition: all 0.3s;
}
#user-area tr:nth-child(even) { background: #F1F1F1; }
#user-area tr:nth-child(odd) { background: #FEFEFE; }
#user-area tr:hover { background: #cce0eb; }

#user-area td { vertical-align: middle; }
#user-area td.td-operation {
    text-align: center;
    vertical-align: middle;
}

#user-review-area .header {
    background-color: #0B5172;
    color: #fff;    
    font-weight:bold;
}
#user-review-area table {
    width: 80%;
    border-collapse:
    collapse; border-spacing: 0;    
}
#user-review-area th {
    padding: 6px 5px;
    background-color: #009FDA;
    color: #fff; 
	font-weight:normal;
}

#user-review-area tr { background-color: #fff; }
#user-review-area tr:nth-child(even) { background: #fff; }
#user-review-area tr:nth-child(odd) { background: #fff; }
#user-review-area tr:hover { background-color: #fff; }

.table-key {
	border-bottom:1px dotted #009FDA;
}
.table-value {
	border-bottom:1px dotted #E37222; 
	border-left:1px dotted #E37222; 
	padding:5px; 
	color:#0B5172;
}

/*---------------------- SPONSOR ---*/

#sponsor td { 
	background-color:#FFFFFF;
}
#sponsor th { 
}
td.spon {
	background-color:#FFFFFF;
}
th.spon {
	background-color:#FF9900;
	color:#FFFFFF;
}


/*
#006699 blue
#E37222 orange
FFCC33 yellow
66CC33 l.green
008542 green
CC0033 red
6B1F73 purple
009FDA l.blue

CB7E2B d.orange
336633 d.green
800031 d.red
541868 d.purple
0B5172 d.blue
*/

/* ---------------------------------------------------- */
/* ------------------- SHOW MESSAGES ------------------ */
/* ---------------------------------------------------- */

#messageBox {
    padding: 10px 10px;
    text-align: center;
    -position: relative;
    min-height: 50px;
    display: none;
}
#messageBoxText { height: 50px; display: table-cell; vertical-align: middle; }
#messageBoxText span { font-size: 14px; }

.messageBoxInfo {
    border: 2px solid #009fda;
    background: #dcfafa;
    color:#006699;
}
#messageBoxIcon {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px    
}
.messageBoxInfo #messageBoxIcon {
    background: url("../images/design/icon-info.png") no-repeat center center;
}

.messageBoxError {
    border: 2px solid #CC0033;
    background: #feecfa;
    color:#800031;    
}
.messageBoxError #messageBoxIcon {
    background: url("../images/design/icon-error.png") no-repeat center center;
}

.messageBoxSuccess {
    border: 2px solid #66CC33;
    background: #defaee;
    color:#008542;        
}
.messageBoxSuccess #messageBoxIcon {
    background: url("../images/design/icon-success.png") no-repeat center center;
}
.messageBoxWarning {
    border: 2px solid #E37222;
    background: #f7f7d7;
    color:#CB7E2B;
}
.messageBoxWarning #messageBoxIcon {
    background: url("../images/design/icon-warn.png") no-repeat center center;
}

/* ---------------------------------------------------- */
/* ------------------- MEDIA PARTNERS ----------------- */
/* ---------------------------------------------------- */

fieldset {
	-width:625px;
	padding:10px;
	text-align:center;
	margin:10px 0 10px 0;
	font-size:smaller;
	font-family:Arial, Helvetica, sans-serif;
	border-radius: 10px;
}
legend {
	text-align:left;
	padding:0 5px 0 5px;
	font-size:18px;
	font-weight:bold;
	border-radius: 5px;
}

#bd-media-fieldset {
	border:7px solid #fb74f9;
}
#bd-media-legend {
	border-left:7px solid #fb74f9;
	border-right:7px solid #fb74f9;
	color:#fb74f9;
}
#bd-media-fieldset img {
	margin:5px 10px 5px 10px;
}


#bd-pub-fieldset {
	border:5px solid #dd0000;
}
#bd-pub-legend {
	border-left:5px solid #dd0000;
	border-right:5px solid #dd0000;
	color:#dd0000;
}
#bd-pub-fieldset span {
	font-weight:bold;
}
#bd-pub-fieldset p {
	background-color:#dd0000;
	color:#fff;
	padding:10px;
	-font-weight:bold;
	border-radius: 5px;
}
#bd-pub-fieldset img {
	margin:5px 10px 0px 10px;
}


#bd-org-fieldset {
	border:5px solid #009FDA;
}
#bd-org-legend {
	border-left:5px solid #009FDA;
	border-right:5px solid #009FDA;
	color:#009FDA;
}
#bd-org-fieldset span {
	font-weight:bold;
}
#bd-org-fieldset img {
	margin:10px 0px 10px 10px;
}


/* ---------------------------------------------------- */
/* --------------------- REGISTRATION ----------------- */
/* ---------------------------------------------------- */

.cls_frm_component_titlesA {
	color:#000000;
	background-color:#e6e6e6;
}
.td_dataA {
	color:#000088;
	border:1px solid #f5c377;
	background-color:#fefef8;

}
.td_labelA {
	color:#000000;
	text-align:right;
	background-color:#fafafa;
	border:1px solid #d6d6d6;
}

.reg_headtr {
	background-color:#0767af;
	text-align:center;
}

.reg_head {
	color:#FFFFFF;
	padding:18px 0 10px 20px;
}

.reg_categ {
	padding:3px 0 3px 10px;
	background-color:#f9bd63;
	color:#000;
}

.reg_data {
	text-align:center;
	background-color:#f8e4c6;
	
}

/*---------------------- SPONSOR ---*/
#sponsor td { 
	background-color:#FFFFFF;
}
#sponsor th { 
}

td.spon {
	background-color:#FFFFFF;
}
th.spon {
	background-color:#FF9900;
	color:#FFFFFF;
}



/* ---------------------------------------------------- */
/* ----------------------- COLORS --------------------- */
/* ---------------------------------------------------- */

/*
#006699 blue
#E37222 orange
FFCC33 yellow
66CC33 l.green
008542 green
CC0033 red
6B1F73 purple
009FDA l.blue

CB7E2B d.orange
336633 d.green
800031 d.red
541868 d.purple
0B5172 d.blue
*/