/* Dark skin */
body.dark{background: url(../img/header_bgr-dark.gif) repeat-x 0 24px #222;color:#87918B}
.dark #header_top_bar{background-color:#222}
.dark #menu_main_submenu{background-color:#4f5350}
.dark #menu_content ul li a{color:#999}
.dark #content{background:url("../img/content_bgr-dark.gif") repeat-y left center #242725}
.dark #menu_content ul li a.current span,.dark #menu_content ul li li a.current span,.dark #menu_content ul li a.current span:hover,.dark #menu_content ul li li a.current span:hover{color:#fff}
.dark table#layoutTable table.basic_grid th,.dark table#layoutTable table.legend_grid th{background-color:#222;border-color:#323533;border-top:none;color:#87918B}
.dark table#layoutTable table.basic_grid td,.dark table#layoutTable table.legend_grid td{border-color:#323533}
.dark .button{background-color:#111;border-color:#111}
.dark #content .button{background-color:#FF8400;border-color:#FF8400}
.dark input, .dark select{background-color:#222;border:1px solid #FF8400;color:#fff;}
.dark select{padding:2px;height:auto}
.dark a.details,.dark input.details{color:#fff}

/* Silver skin */
body.silver{background: url(../img/header_bgr-silver.gif) repeat-x 0 24px #F6F6F6;color:#383838}
.silver #header_top_bar{background-color:#393939}
.silver #menu_main_submenu{background-color:#8b8b8b}
.silver #menu_main_submenu a:hover{background-color:#393939}
.silver #menu_main a{color:#000}
.silver #menu_main a:hover{background-color:#e6e6e6}
.silver #menu_main a.current{background-color:#bdbdbd}
.silver #content{background:url("../img/content_bgr-silver.gif") repeat-y left center #fff}
.silver h1,.silver #homeHeader,.silver #menu_content ul li a:hover,.silver #content_txt h2,.silver #content_txt p a,.silver #footer a{color:#000}
.silver #menu_content #leftHome ul li, .silver #menu_content ul li a:hover,.silver #menu_content ul li a.current{background-image:url(../img/bullet_big_black.png)}
.silver #menu_content ul li li a:hover,.silver #menu_content ul li li a.current{background-image:url(../img/bullet_small_black.png)}
.silver #menu_content ul li a.current span,.silver #menu_content ul li li a.current span,.silver #menu_content ul li a.current span:hover,.silver #menu_content ul li li a.current span:hover{color:#333}
.silver table#layoutTable table.basic_grid th,.silver table#layoutTable table.legend_grid th{background-color:#8B8B8B}
.silver a.details,.silver input.details{color:#000}

/* Girl skin */
body.girl{background: url(../img/header_bgr-girl.gif) repeat-x 0 24px #F6F6F6;color:#383838}
.girl #header_top_bar{background-color:#210012}
.girl #menu_main_submenu{background-color:#8d215c}
.girl #menu_main_submenu a:hover{background-color:#210012}
.girl #menu_main a{color:#39001F}
.girl #menu_main a:hover{background-color:#ff7df8}
.girl #menu_main a.current{background-color:#ff51f5}
.girl #content{background:url("../img/content_bgr-silver.gif") repeat-y left center #fff}
.girl h1,.silver #homeHeader,.girl #menu_content ul li a:hover,.girl #content_txt h2,.girl #content_txt p a,.girl #footer a,.girl #homeHeader{color:#C000B5}
.girl #menu_content #leftHome ul li, .girl #menu_content ul li a:hover,.girl #menu_content ul li a.current{background-image:url(../img/bullet_big_girl.png)}
.girl #menu_content ul li li a:hover,.girl #menu_content ul li li a.current{background-image:url(../img/bullet_small_girl.png)}
.girl #menu_content ul li a.current span,.girl #menu_content ul li li a.current span,.girl #menu_content ul li a.current span:hover,.girl #menu_content ul li li a.current span:hover{color:#C000B5}
.girl table#layoutTable table.basic_grid th,.girl table#layoutTable table.legend_grid th{background-color:#8B8B8B}
.girl a.details,.girl input.details{color:#000}
.girl .button{background-color:#4A042A;border-color:#4A042A}
.girl #content .button{background-color:#696760;border-color:#7C7A74}

/* Green skin */
body.green{background: url(../img/header_bgr-green.png) repeat-x 0 24px #F6F6F6;color:#383838}
.green #header_top_bar{background-color:#393939}
.green #menu_main_submenu{background-color:#AFD76B}
.green #menu_main_submenu a:hover{background-color:#393939}
.green #menu_main a{color:#000}
.green #menu_main a:hover{background-color:#DEF6B5}
.green #menu_main a.current{background-color:#96B85C}
.green #content{background:url("../img/content_bgr-silver.gif") repeat-y left center #fff}
.green h1,.green #homeHeader,.green #menu_content ul li a:hover,.green #content_txt h2,.green #content_txt p a,.green #footer a{color:#339900}
.green #menu_content #leftHome ul li, .green #menu_content ul li a:hover,.green #menu_content ul li a.current{background-image:url(../img/bullet_big_black.png)}
.green #menu_content ul li li a:hover,.green #menu_content ul li li a.current{background-image:url(../img/bullet_small_black.png)}
.green #menu_content ul li a.current span,.green #menu_content ul li li a.current span,.green #menu_content ul li a.current span:hover,.green #menu_content ul li li a.current span:hover{color:#339900}
.green table#layoutTable table.basic_grid th,.green table#layoutTable table.legend_grid th{background-color:#8B8B8B}
.green a.details,.green input.details{color:#339900}

/* Blue skin */
body.blue{background: url(../img/header_bgr-blue.png) repeat-x 0 24px #F6F6F6;color:#383838}
.blue #header_top_bar{background-color:#393939}
.blue #menu_main_submenu{background-color:#70B7DB}
.blue #menu_main_submenu a:hover{background-color:#393939}
.blue #menu_main a{color:#000}
.blue #menu_main a:hover{background-color:#FFB33D}
.blue #menu_main a.current{background-color:#E08800}
.blue #content{background:url("../img/content_bgr-silver.gif") repeat-y left center #fff}
.blue h1,.blue #homeHeader,.blue #menu_content ul li a:hover,.blue #content_txt h2,.blue #content_txt p a,.blue #footer a{color:#3399CC}
.blue #menu_content #leftHome ul li, .blue #menu_content ul li a:hover,.blue #menu_content ul li a.current{background-image:url(../img/bullet_big_black.png)}
.blue #menu_content ul li li a:hover,.blue #menu_content ul li li a.current{background-image:url(../img/bullet_small_black.png)}
.blue #menu_content ul li a.current span,.blue #menu_content ul li li a.current span,.blue #menu_content ul li a.current span:hover,.blue #menu_content ul li li a.current span:hover{color:#3399CC;border-color:#f0ede8;}
.blue table#layoutTable table.basic_grid th,.blue table#layoutTable table.legend_grid th{background-color:#8B8B8B}
.blue a.details,.blue input.details{color:#3399CC}

/* cappuccino skin */
body.cafe{background: url(../img/header_bgr-cafe.png) repeat-x 0 24px #F6F6F6;color:#383838}
.cafe #header_top_bar{background-color:#393939}
.cafe #menu_main_submenu{background-color:#C3B984}
.cafe #menu_main_submenu a:hover{background-color:#684F19}
.cafe #menu_main a{color:#000}
.cafe #menu_main a:hover{background-color:#E1DCA8}
.cafe #menu_main a.current{background-color:#A49561}
.cafe #content{background:url("../img/content_bgr-silver.gif") repeat-y left center #fff}
.cafe h1,.cafe #homeHeader,.cafe #menu_content ul li a:hover,.cafe #content_txt h2,.cafe #content_txt p a,.cafe #footer a{color:#684F19}
.cafe #menu_content #leftHome ul li, .cafe #menu_content ul li a:hover,.cafe #menu_content ul li a.current{background-image:url(../img/bullet_big_black.png)}
.cafe #menu_content ul li li a:hover,.cafe #menu_content ul li li a.current{background-image:url(../img/bullet_small_black.png)}
.cafe #menu_content ul li a.current span,.cafe #menu_content ul li li a.current span,.cafe #menu_content ul li a.current span:hover,.cafe #menu_content ul li li a.current span:hover{color:#684F19;border-color:#f0ede8;}
.cafe table#layoutTable table.basic_grid th,.cafe table#layoutTable table.legend_grid th{background-color:#8B8B8B}
.cafe a.details,.cafe input.details{color:#684F19}

/* dusk skin */
body.dusk{background: url(../img/header_bgr-dusk.png) repeat-x 0 24px #F6F6F6;color:#383838}
.dusk #header_top_bar{background-color:#000A02}
.dusk .header_top_barRight a,.dusk .header_top_barRight .login{background-color:#000A02}
.dusk .header_top_barRight a:hover{background-color:#393939;}
.dusk #content{background:url("../img/content_bgr-silver.gif") repeat-y left center #fff}
.dusk h1,.dusk #homeHeader,.dusk #content_txt h2,.dusk #content_txt p a{color:#000A02}
.dusk #menu_main_submenu{background-color:#1B7799}
.dusk #menu_main a:hover,.dusk #menu_main_submenu a:hover{background-color:#1B7799;color:#E2B842}
.dusk #menu_main a.current{background-color:#105469;}
.dusk #menu_content ul li a:hover{color:#E2B842}
.dusk #menu_content ul li a{color:#105469}
.dusk #menu_content #leftHome ul li, .dusk #menu_content ul li a:hover,.dusk #menu_content ul li a.current{background-image:url(../img/bullet_big_black.png)}
.dusk #menu_content ul li li a:hover,.dusk #menu_content ul li li a.current{background-image:url(../img/bullet_small_black.png)}
.dusk #menu_content ul li a.current span,.dusk #menu_content ul li li a.current span{color:#105469;border-color:#f0ede8;}
.dusk #menu_content ul li a.current span:hover,.dusk #menu_content ul li li a.current span:hover{color:#E2B842;}
.dusk #menu_content ul li a.current span,.dusk #menu_content ul li li a.current span{color:#000A02}
.dusk table#layoutTable table.basic_grid th,.dusk table#layoutTable table.legend_grid th{background-color:#8B8B8B}
.dusk a.details,.dusk input.details{color:#105469}
.dusk #content .button{background-color:#393939;}
.dusk #footer a{color:#105469}
