/*#############################################################################*/
/*# CSS																		  #*/
/*#									CSS TAG									  #*/
/*#																			  #*/
/*# Author: Colotin Florin (colotin_f@yahooo.com)							  #*/
/*#############################################################################*/

/*#################################### TAG CSS ################################*/
body {background:#FBFBFD url(body_bg_1.jpg) repeat-x left top; margin:auto; padding:0px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#626262;}
div {color:#626262;}
form {margin:0px; padding:0px;}
input, select, textarea {border:1px solid #BABABA; color:#999999; font-size:11px;}
/*# END #*/

/*############################### TEXT COLORS CSS #############################*/
.color1 {color:#000000;} /*black*/
.color2 {color:#FFFFFF;} /*white*/
.color3 {color:#666666;} /*grey*/
.color4 {color:#010167;} /*blue*/
.color5 {color:#00FF00;} /*green logo*/
.color6 {color:#1791CE;} /*blue light*/
/*# END #*/

/*############################# BACKGROUND COLOR CSS ###########################*/
.bg0 {background-color:transparent;} /*transparent*/
/*# END #*

/*################################# BORDER CSS #################################*/
.bd0 {border: 0px none transparent} /*transparent*/
/*# END #*/

/*################################### DISVERS CSS #############################*/
.bold 	{font-weight:bold;}
.italic { font-style:italic}
/*# END #*/

/*############################# OBJ VISIBLE - HIDDEN ##########################*/
.objVisible {visibility:visible; display:block;}
.objHidden {visibility:hidden; display:none;}
/*# END #*/

/*################################### LINKS CSS ###############################*/
.link1 {color:#3F89C3; text-decoration:underline;} /*blue*/
.link1:hover {color:#3F89C3; text-decoration:underline; cursor:pointer;} /*blue*/

.link2 {background:url(arrow_grey.gif) no-repeat left center; padding-left:13px; font-size:11px; color:#888888; text-decoration:none;}
.link2:hover {background:url(arrow_green.gif) no-repeat left center; padding-left:13px; font-size:11px; color:#00FF00; text-decoration:underline;}

.link3 {background:url(arrow_green.gif) no-repeat left center; padding-left:13px; font-size:11px; color:#00FF00; text-decoration:none;}
.link3:hover {background:url(arrow_green.gif) no-repeat left center; padding-left:13px; font-size:11px; color:#00FF00; text-decoration:underline;}

.link4 {background:url(arrow_green.gif) no-repeat left center; padding-left:13px; font-size:11px; color:#00FF00; text-decoration:none;}
.link4:hover {background:url(arrow_green.gif) no-repeat left center; padding-left:13px; font-size:11px; color:#1791CE; text-decoration:underline;}
/*# END #*/

/*##################################### BUTONS ################################*/
.btn1 {display:block; background:url(btn1_m.jpg) repeat-x;}
.btn1 div {display:block; background:url(btn1_l.jpg) no-repeat left;}
.btn1 div a {display:block; background:url(btn1_r.jpg) no-repeat right; height:20px; line-height:20px; text-align:center; text-decoration:none; padding:0px 10px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF;}
.btn1 div a:hover {color:#000000;}
/*# END #*/

/*################################### NO RESULTS ##############################*/
.noResults {color:#996600; font-size:12px; text-align:center; margin:20px 0px 10px 0px;}
/*# END #*/

/*############################### ERROT AND ALERT #############################*/
.error {color:#CC6600; font-size:12px;}
.error fieldset {border:1px solid #CCCCCC; width:260px;}
.error fieldset legend {color:#0885CA;}
.error a {font-size:12px; color:#3F89C3; text-decoration:underline;} /*blue*/
.error a:hover {font-size:12px; color:#3F89C3; text-decoration:underline; cursor:pointer;} /*blue*/
.error div {margin:1px 0px 1px 0px;}

.alert {color:#3391B9; font-size:12px;}
/*# END #*/

/*################################## PAGING CSS ###############################*/
.paging {margin-top:3px; background-color:#FFFDF0; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; line-height:24px; text-align:center; vertical-align:middle;}
.paging img {vertical-align:middle;}
.paging input {vertical-align:middle; width:25px; height:14px; text-align:center; margin:0px 0px 2px 0px; font-size:10px;}

.paging .p1 {background:url(paging_front/previous_1.gif) no-repeat;}
.paging .p1:hover {background:url(paging_front/previous_1_ov.gif) no-repeat;}
.paging .p2 {background:url(paging_front/previous_2.gif) no-repeat;}
.paging .p2:hover {background:url(paging_front/previous_2_ov.gif) no-repeat;}

.paging .n1 {background:url(paging_front/next_1.gif) no-repeat;}
.paging .n1:hover {background:url(paging_front/next_1_ov.gif) no-repeat;}
.paging .n2 {background:url(paging_front/next_2.gif) no-repeat;}
.paging .n2:hover {background:url(paging_front/next_2_ov.gif) no-repeat;}

.paging .go {background:url(paging_front/go.gif) no-repeat;}
.paging .go:hover {background:url(paging_front/go_ov.gif) no-repeat;}
/*# END #*/

/*################################### NO RESULTS ##############################*/
.noResults {color:#996600; font-size:12px; text-align:center; margin:20px 0px 10px 0px;}
/*# END #*/

/*############################### ERROT AND ALERT #############################*/
.error {color:#CC6600; font-size:12px;}
.error fieldset {border:1px solid #CCCCCC; width:260px;}
.error fieldset legend {color:#0885CA;}
.error a {font-size:12px; color:#3F89C3; text-decoration:underline;} /*blue*/
.error a:hover {font-size:12px; color:#3F89C3; text-decoration:underline; cursor:pointer;} /*blue*/
.error div {margin:1px 0px 1px 0px;}

.alert {color:#3391B9; font-size:12px;}
/*# END #*/

/*##################################### TITLES ################################*/
.title {font-size:20px; margin-bottom:5px; color:#050505;}
.stitle {font-size:16px; margin-bottom:5px; color:#050505;}
/*# END #*/

/*################################ FORM DEFINITION #############################*/
.elemFrom {}
.elemFrom .row {margin:8px 0px 8px 0px; clear:both;}
.elemFrom .row .cell {float:left;}
.elemFrom .row .cell span {color:#666666;}
.elemFrom .row .cell input,select {margin-top:2px;}
.elemFrom .row .cell .a1 {color:#405AAE; text-decoration:underline;}
.elemFrom .row .cell .a1:hover {color:#666666; text-decoration:underline;}
/*# END #*/


/*#############################################################################*/
/*#     																	  #*/
/*#							    CSS PERSONALIZED							  #*/
/*#																			  #*/
/*#############################################################################*/


/*##################################### PAGE ##################################*/
#page {width:980px; margin:auto; padding-top:10px; text-align:left;}
#page #header1 {width:auto;}/* height:90px;*/
#page #header1 #h1L {float:left; width:252px;}/*padding-top:42px;*/
#page #header1 #h1R {float:right; width:200px; text-align:left; padding-top:10px;}
#page #header1 #h1R form {padding:4px 10px 0px 0px;}
#page #header1 #h1R form input {width:120px; border:1px solid #000000; vertical-align:middle; color:#999999;}
#page #header1 #h1R form img {margin:0px 0px 0px 2px; vertical-align:middle;}

#page #header2 {width:auto; height:26px; margin:15px 0px 5px 0px;}
#page #header2 #h2L {float:left; width:680px; text-align:left;}
#page #header2 #h2L .btnMenu {display:block; float:left; margin-right:5px; background:url(btnm_m.jpg) repeat-x;}
#page #header2 #h2L .btnMenu div {display:block; background:url(btnm_l.jpg) no-repeat left;}
#page #header2 #h2L .btnMenu div a {display:block; background:url(btnm_r.jpg) no-repeat right; height:26px; line-height:26px; text-align:left; text-decoration:none; padding:0px 15px 0px 15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;}
#page #header2 #h2L .btnMenu div a:hover {color:#CCCCCC; text-decoration:none;}
#page #header2 #h2R {float:left; width:280px; text-align:right; font-size:12px; color:#FFFFFF;}
#page #header2 #h2R a img {border:0px; vertical-align:middle;}
#page #main {width:auto;}
#page #main #mainL {float:left; width:770px;}
#page #main #mainL #menuCat {width:auto; height:auto; background:url(bg_sm.jpg) repeat-y left top;}
#page #main #mainL #menuCat #mcL {float:left; width:auto; height:auto; line-height:27px; color:#FFFFFF; font-size:12px;}
#page #main #mainL #menuCat #mcL a {color:#FFFFFF; font-size:12px; text-decoration:none; padding:0px 6px 0px 6px;}
#page #main #mainL #menuCat #mcL a:hover {color:#FFFFFF; text-decoration:underline;}

#page #main #mainL #allCatGames {}
#page #main #mainL #allCatGames #allCat {width:190px; float:left;}
#page #main #mainL #allCatGames #allCat .amcat {display:block; color:#020267; text-decoration:none; font-weight:bold; margin:10px 0px 5px 0px}
#page #main #mainL #allCatGames #allCat .amcat:hover {text-decoration:underline; color:#000000;}
#page #main #mainL #allCatGames #allCat .acat {display:block; color:#1791CE; text-decoration:none; margin:0px 0px 5px 10px}
#page #main #mainL #allCatGames #allCat .acat:hover {text-decoration:underline; color:#000000;}

#page #main #mainL #allCatGames #allGames {width:570px; float:left; margin-left:10px;}
#page #main #mainL #allCatGames #allGames .agCell {float:left; width:125px; margin:0px 5px 0px 5px;}
#page #main #mainL #allCatGames #allGames .agCell .agcLetter {color:#020267; font-weight:bold; margin-top:10px;}
#page #main #mainL #allCatGames #allGames .agCell a {display:block; color:#1791CE; text-decoration:none; margin-top:3px;}
#page #main #mainL #allCatGames #allGames .agCell a:hover {text-decoration:underline; color:#000000;}

#page #main #mainR {float:left; width:200px; margin-left:10px;}
/*# END #*/

/*################################### BOX ROUNDED #############################*/
div.boxRounded, div.boxRoundedG1, div.boxRoundedG2, div.boxRoundedG3 {background-color:#FFFFFF;}
.boxRoundedContent {margin:0px; padding:5px 10px 5px 10px;}
.boxRoundedContent h1 {margin:0px; padding:0px 0px 13px 0px; color:#020267; font-size:14px; font-weight:bold; text-decoration:underline;}
.boxRoundedContent h2 {margin:0px; padding:0px 0px 13px 0px; color:#00E800; font-size:14px; font-weight:bold; text-decoration:underline;}
.boxRoundedContent h3 {margin:0px; padding:0px 0px 13px 0px; color:#000000; font-size:14px; font-weight:bold; text-decoration:none;}
.boxRoundedContent h3 a {color:#020267; font-size:14px; font-weight:bold; text-decoration:underline;}
.boxRoundedContent h3 a:hover {color:#000000;}
.boxRoundedContent1 {margin:0px; padding:2px 2px 2px 2px;}
/*# END #*/

/*################################# BOX PROVIDERS #############################*/
.producersRight {font-size:12px;}
.producersRight a {display:block; margin:3px 0px 3px 0px; color:#1791CE; text-decoration:none;}
.producersRight a:hover {color:#000000; text-decoration:underline;}

.producerList {width:750px;}
.producerList a {display:block; float:left; width:173px; margin:0px 5px 5px 5px; padding:1px 0px 1px 2px; color:#1791CE; text-decoration:none; background-color:#F9F9FF;}
.producerList a:hover {text-decoration:underline; color:#FFFFFF; background-color:#A6A6FF;}
.producerList .aSelected {text-decoration:none; color:#171874; background-color:#A6A6FF; font-weight:bold;}
/*# END #*/


/*################################### GAME ITEMS ##############################*/
.gameListItem {float:left; width:248px; height:85px;}

.gameItem {width:228px; height:70px; margin-bottom:8px; background:url(bg_game_item.gif) no-repeat left top;} 
.gameItem .giSpacer {padding:4px; margin:0px;}
.gameItem .giSpacer .giL {float:left; width:72px; height:62px;}
.gameItem .giSpacer .giL a {display:block; border:1px solid #000000;}
.gameItem .giSpacer .giL a:hover {display:block; border:1px solid #000000;}
.gameItem .giSpacer .giR {float:left; width:140px; margin-left:8px;}
.gameItem .giSpacer .giR .girTitle {display:block; width:auto; height:17px; color:#1791CE; font-weight:bold; text-decoration:none;}
.gameItem .giSpacer .giR .girTitle:hover {color:#000000; text-decoration:none;}
.gameItem .giSpacer .giR .girText {display:block; width:auto; height:43px; color:#666666; font-size:11px; text-decoration:none;}
.gameItem .giSpacer .giR .girText:hover {color:#FFFFFF; text-decoration:underline;}

.gameItemOver {width:228px; height:70px; margin-bottom:8px; background:url(bg_game_item_over.gif) no-repeat left top;} 
.gameItemOver .giSpacer {padding:4px; margin:0px;}
.gameItemOver .giSpacer .giL {float:left; width:72px; height:62px;}
.gameItemOver .giSpacer .giL a {display:block; border:1px solid #FFFFFF;}
.gameItemOver .giSpacer .giL a:hover {display:block; border:1px solid #000000;}
.gameItemOver .giSpacer .giR {float:left; width:140px; margin-left:8px;}
.gameItemOver .giSpacer .giR .girTitle {display:block; width:auto; height:17px; color:#1B1B76; font-weight:bold; text-decoration:none;}
.gameItemOver .giSpacer .giR .girTitle:hover {color:#000000; text-decoration:none;}
.gameItemOver .giSpacer .giR .girText {display:block; width:auto; height:43px; color:#FFFFFF; font-size:11px; text-decoration:none;}
.gameItemOver .giSpacer .giR .girText:hover {color:#FFFFFF; text-decoration:underline;}
/*# END #*/

/*################################ GAME TITLE LISTS ###########################*/
.gameTitleList {}
.gameTitleList div {display:block; margin:5px 0px 5px 0px;} 
.gameTitleList div a {color:#1791CE; text-decoration:none;}
.gameTitleList div a:hover {color:#00FF00; text-decoration:underline}
/*# END #*/

/*##################################### FOOTER ################################*/
#footer {margin:auto; width:auto; height:auto; margin-top:10px; font-size:11px; color:#666666;}
#footer #footerL {float:left; width:220px; text-align:left; color:#666666;}
#footer #footerL a {text-decoration:none; color:#1791CE;}
#footer #footerL a:hover {text-decoration:underline;}
#footer #footerR {float:left; width:530px; text-align:right; color:#1791CE;}
#footer #footerR a {text-decoration:none; color:#1791CE;; padding:0px 1px 0px 1px;}
#footer #footerR a:hover {text-decoration:underline; color:#000000;}
#footer #traficBox {margin-top:5px; padding:5px 0px 5px 0px; text-align:left;}
#footer #forseo {padding:5px 0px 5px 0px; text-align:justify; color:#E1E1E1;}
#forseo #fsT h2 {margin:0px 0px 5px 0px; padding:0px; font-size:11px; font-weight:normal; color:#C0C0C0;}
#forseo #fsD {margin-bottom:5px; color:#CCCCCC;}
#forseo #fsK {margin-bottom:0px; color:#CCCCCC;}
/*# END #*/

/*#################################### CONTACT ################################*/
#contact {width:auto; margin:10px 0px 0px 5px; text-align:left;}
#contact .item {margin:1px 0px 5px 0px;}
#contact .item .var {width:80px; color:#666666; font-weight:bold;}
#contact .item .val {margin:2px 0px 0px 50px; text-align:justify;}
#contact .item .val span {font-style:normal;}
#contact .item .val .mail {color:#0F7FB8; text-decoration:none;}
#contact .item .val .mail:hover {color:#0F7FB8; text-decoration:underline;}
/*# END #*/

/*################################### CAT LIST ################################*/
.catList {width:750px;}
.catList a {display:block; float:left; width:113px; margin:0px 6px 5px 2px; padding:1px 0px 1px 2px; color:#1791CE; text-decoration:none; background-color:#F9F9FF;}
.catList a:hover {text-decoration:underline; color:#FFFFFF; background-color:#A6A6FF;}
.catList .aSelected {text-decoration:none; color:#171874; background-color:#A6A6FF; font-weight:bold;}
/*# END #*/

/*################################## GAME DETAILS #############################*/
#gameDetails {width:750px;}
#gameDetails #gdDescrT {width:100px; background-color:#A6A6FF; padding:0px 0px 0px 5px; color:#FFFFFF; font-weight:bold;}
#gameDetails #gdDescrV {border:1px dotted #A6A6FF; padding:5px; margin:0px 0px 5px 0px;}
#gameDetails #gdPP {margin-bottom:10px}
#gameDetails #gdPP span {font-weight:bold; color:#00FF00;}
#gameDetails #gdObj {border:5px solid #00FF00;}
/*# END #*/

/*##################################### DIVERS ################################*/
.boxLink1 {display:block; margin:1px 0px 2px 0px; text-decoration:none; color:#1791CE; font-size:12px;}
.boxLink1:hover {text-decoration:underline; color:#000000;}

.boxLink2 {margin:0px 0px 2px 0px; text-decoration:none; color:#1791CE; font-size:12px;}
.boxLink2:hover {text-decoration:underline; color:#000000;}

/*##################################### TOP ################################*/
a.anc:link {display:block; margin:1px 0px 2px 0px; text-decoration:none; color:#1791CE; font-size:12px;}
a.anc:visited {display:block; margin:1px 0px 2px 0px; text-decoration:none; color:#1791CE; font-size:12px;}
a.anc:active {display:block; margin:1px 0px 2px 0px; text-decoration:none; color:#1791CE; font-size:12px;}
a.anc:hover {text-decoration:underline; color:#000000;}
/*# END #*/
.grabberTitle {color:#ff0000; font-size:16px;}
.grabberText {font-size:14px;}