/* CSS Document */
body, html {width:100%; height:100%;}
body {margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; color:#000000; background-color:#FAFAFA}
#wrap {width:954px; margin:0 auto;}
#headerBox {/*height:140px; width:954px; background:url(../images/headerBg.jpg) no-repeat 0 0; text-align:center;*/}

#content {width:888px; height:1000px; margin:0 33px;}
#content h1 {margin:10px 0 6px 0; padding:0; height:60px; background:url(../images/title.jpg) no-repeat 0 0;}
#content h1 span {display:none;}

#menu {margin:0; padding:0; list-style-type:none; height:16px; clear:both;}
#menu li {margin:0 6px; padding:0; float:right;}
#menu li a {text-decoration:none; color:#24a7d1; font-weight:bold;}
#menu li a:hover, #menu li a.current {color:#01375c;}

h2#mainTitle {margin:24px 0 0 0; padding:0;color:#11536a; direction:rtl; font-size:28px;}
#intro {margin:16px 0 24px 0 ; padding:0; font-size:18px; color:#11536a; direction:rtl;}
#introResults {margin:0 0 24px 0; padding:0; font-size:18px; color:#11536a; direction:rtl;}

#categories {width:190px; float:right; direction:rtl;}
#categories h2 {margin:0; padding:0 3px 6px 0 ; font-size:18px; color:#a4a4a4; background:url(../images/arrow.gif) no-repeat 70px 3px;}
#categories ul {margin:0; padding: 0; list-style-type:none; background:#b4b4b4 url(../images/categoriesBG.jpg) repeat-x 0 0; }
#categories ul li {margin:0; padding: 0;font-weight:bold;}/*height:34px;*/
#categories ul li a {
	color:#01375c; background:none; text-decoration:none; display:block; width:190px; height:45px; padding:0;
	text-align:center;font-size:24px; background-repeat:no-repeat; background-position:0 0;}
#categories ul li a:hover, #categories ul li a.selected {color:#FFFFFF;}

#categories ul li#category1 a:hover, #categories ul li#category1 a.selected {background-image:url(../images/catBg1.gif);}
#categories ul li#category2 a:hover, #categories ul li#category2 a.selected {background-image:url(../images/catBg2.gif);}
#categories ul li#category3 a:hover, #categories ul li#category3 a.selected {background-image:url(../images/catBg3.gif);}
#categories ul li#category4 a:hover, #categories ul li#category4 a.selected {background-image:url(../images/catBg4.gif);}
#categories ul li#category5 a:hover, #categories ul li#category5 a.selected {background-image:url(../images/catBg5.gif);}
#categories ul li#category6 a:hover, #categories ul li#category6 a.selected {background-image:url(../images/catBg6.gif);}
#categories ul li#category7 a:hover, #categories ul li#category7 a.selected {background-image:url(../images/catBg7.gif);}
#categories ul li#category8 a:hover, #categories ul li#category8 a.selected {background-image:url(../images/catBg8.gif);}
#categories ul li#category9 a:hover, #categories ul li#category9 a.selected {background-image:url(../images/catBg9.gif);}
#categories ul li#category0 a:hover, #categories ul li#category0 a.selected {background-image:url(../images/catBg0.gif);}

a#results {background:url(../images/resultsBg.gif) repeat-x 0 0; color:#FFFFFF; font-size:22px; font-weight:bold; display:block; height:36px; padding: 0; margin:360px 0 0 0; width:186px; text-align:center; margin:0 2px; text-decoration:none;}
a#results:hover {text-decoration:underline;}
a#results img {vertical-align:-40%; _vertical-align:-50%;}

#info {width:130px; padding:10px; background-color:#FFFFFF; border:2px solid #CCCCCC; position:absolute; z-index:1000; display:none; direction:rtl; min-height:140px;}
#info h3 {margin:0; padding:0; font-size:18px; font-weight:normal;}
#info h3 span {display:block; font-size:16px; color:#01375c;}
#info h4 {margin:6px 0; padding:2px 0; width:50px; text-align:center; font-size:14px; background-color:#12bcf5; color:#FFFFFF;}
#info p {margin:0; padding:0 0 6px 0; color:#666666; border-bottom:1px dotted #12bcf5;}
#info p a {display:block; color:#01375c; text-decoration:underline; margin-top:3px;}
#info p a:hover { text-decoration:none;}
#info a.vote {display:block; font-weight:bold; background: url(../images/voteBut.gif) no-repeat 0 0; height:22px; width:80px; margin:10px auto 6px auto; padding:4px 8px 0 0; color:#12bcf5; text-decoration:none;}
#info a.vote:hover {background-position:0 -26px; color:#000000;}
#info a.noVote {display:block; background: url(../images/voteBut.gif) no-repeat 0 -52px; height:22px; width:80px; margin:10px auto 6px auto; padding:4px 8px 0 0; color:#FFFFFF; text-decoration:none; cursor:default;}
#info a.results {display:block; margin:10px 0 6px 0; text-align:center; color:#12bcf5; text-decoration:underline;}
#info a.results:hover {text-decoration:none;}


#voteStatus {display:none;}
#images {width:648px; height:680px; float:left; margin:0 0 0 50px; position:relative;}
#images img {position:absolute;width:49px; height:37px; cursor:pointer;}
/*#images img.cat1 {visibility:hidden;}
#images img.cat2 {visibility:hidden;}
#images img.cat3 {visibility:hidden;}
#images img.cat4 {visibility:hidden;}
#images img.cat5 {visibility:hidden;}
#images img.cat6 {visibility:hidden;}
#images img.cat7 {visibility:hidden;}
#images img.cat8 {visibility:hidden;}
#images img.cat9 {visibility:hidden;}
#images img.cat0 {visibility:hidden;}*/

#images ul li.debug {background-color:#000000;}

#preloader {width:648px; text-align:center; background:url(../images/preloader.gif) no-repeat center 150px; height:700px;}
#preloader h3 {font-size:24px; font-weight:bold; color:#01375c; margin:0; padding:100px 0 0 0;}

#iframe {position: fixed;z-index:2000; top: 0px;left: 0px;height:100%;width:100%; background:transparent; border:none; opacity:0; filter: alpha(opacity=0);}
* html #iframe { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#results ul {margin:0; padding:0; list-style-type:none;}
div#results ul li {margin:0; padding:0; direction:rtl; clear:both; height:260px;}
div#results ul li h2 {color:#FFFFFF; background:none; text-decoration:none; display:block; width:190px; height:30px; padding:0px 0 6px 0; margin:0 12px 0 0; text-align:center;font-size:24px; background-repeat:no-repeat; background-position:0 0; color:#FFFFFF; position:relative; top:20px; overflow:hidden;}
div#results ul li h2#category1 {background-image:url(../images/catBg1.gif);}
div#results ul li h2#category2 {background-image:url(../images/catBg2.gif);}
div#results ul li h2#category3 {background-image:url(../images/catBg3.gif);}
div#results ul li h2#category4 {background-image:url(../images/catBg4.gif);}
div#results ul li h2#category5 {background-image:url(../images/catBg5.gif);}
div#results ul li h2#category6 {background-image:url(../images/catBg6.gif);}
div#results ul li h2#category7 {background-image:url(../images/catBg7.gif);}
div#results ul li h2#category8 {background-image:url(../images/catBg8.gif);}
div#results ul li h2#category9 {background-image:url(../images/catBg9.gif);}
div#results ul li h2#category0 {background-image:url(../images/catBg0.gif);}

div#results ul li a.tab {display:block; height:11px; float:left; font-size:14px; background:url(../images/tabBg.gif) repeat-x 0 0; font-weight:bold; text-decoration:none;  margin-left:12px; padding:3px 6px 9px 6px; position:relative; top:13px; color:#FFFFFF; _padding-bottom:4px}
div#results ul li a.selected {border-width:1px 1px 2px 1px; border-style:solid; border-color:#23a8d3 #23a8d3 #FFFFFF #23a8d3; color:#23a8d3; background-image:none; top:12px;}
div#results ul li a.selected span { color:#FF0000;}
div#results ul li a.voteMore {display:block; height:15px; line-height:12px; width:99px; text-align:center; font-size:11px; background:url(../images/resultsVoteBut.gif) no-repeat 0 0; text-decoration:none; color:#FFFFFF; float:left; margin:-20px 0 0 12px}
div#results ul li a.voteMore:hover { background-position:0 -15px;}

div#results ul li ol {margin:0; padding:24px 12px 12px 12px; list-style-type:none; border:1px solid #2baad2; height:140px; width:862px;}
div#results ul li ol li {margin:0; padding:0 2px; float:right; border:none; height:auto; width:auto; clear:none; visibility:hidden;}
div#results ul li ol li strong {display:block;}
div#results ul li ol li h3 {margin:0; padding:0; font-size:12px; font-weight:normal; color:#333333;}
div#results ul li ol li h3.small {width:60px;}


#footer {height:50px; clear:both;}