@charset "utf-8";
/* CSS Document 
Modified by A.Raffar 31/05/2011
Email:abraffar@gmail.com

Color HEX
Dark Orange - #f25822
Light Orange - #f99c1a
Yellow - #f8f400
Blue - #4584c3
Green - #00ac36
Grey - #808080
Pink - #e10051
*/


/* -------------------------------------------- */
/* 		Layout									*/
/* -------------------------------------------- */
html{
margin:0;
padding:0;
height:100%;
}

/* 
Set base font-size based on default browser setting of 16px  
[ 10px = 0.625em | 11px = 0.6875em | 12px = 0.75em | 14px = 0.875em |  16px = 1em | 18px = 1.125em ]
*/
body{
font-size: 0.6875em; /* 11px */
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
width:100%;
height:100%;
background:#fff url("../img/global/bg_global.gif") repeat-x 0 -45px scroll;
text-align:left;
color:#666;
}
.Row{
display:block;
clear:both;
}
.ContainerLeft{
float:left;
}
.ContainerRight{
float:right;
margin: 5px 0;
}
.ContainerCenter{
text-align:center;
width:100%;
margin: 0 0 5.7px 0;
padding: 0;
}
.Even{
background-color:#d7d7d7;
}
.Odd{
background-color:#fff;
}

/* -------------------------------------------- */
/* 		Heading									*/
/* -------------------------------------------- */

h1, h2, h3, h4, h5, h6{
margin:0;
padding:0.25em 0;
display:block;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
h1{font-size:1.85em;}
h2{font-size:1.6em;}
h3{font-size:1.5em;}
h4{font-size:1.4em;}
h5{font-size:1.2em;}
h6{font-size:1em; text-transform:uppercase;
}
h1, h2{
font-weight:normal;
}
h3, h4, h5, h6{
font-weight:bold;
}

/* -------------------------------------------- */
/* 		Text									*/
/* -------------------------------------------- */
strong{
font-weight:bold;
}
b{
font-weight:bold;
color:#0e3192;
}
a{
font-weight:normal;
color:#4584c3;
text-decoration:none;
}
a:hover{
color:#000;
text-decoration:underline;
}
a img{
border: none;/*remove border for linked images*/
}
blockquote {
display:block !important;
width:90%;
margin:10px auto;
padding:0.5em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.55em;
font-style:italic;
border-left:1px solid #c2c2c2;
quotes: "\201C" "\201D" "\2018" "\2019";
}
blockquote:before {
content: open-quote;
}
blockquote:after  {
content: close-quote;
}
.Date{
clear:both;
display:block;
color:#333;
font-size:0.9em;
font-style:italic;
}
.Edit{
height:35px;
background-color:#00CC33;
margin:10px 0 0 0;
padding:0 0 0 20px;
background:transparent url('../pic/global/gfx_icon.gif') no-repeat 0 -16px scroll;
}


.Download{
text-indent:22px;
height:18px;
padding:2px 0 0 0;
background:transparent url("../pic/global/icon_dload.gif") no-repeat 0 0 scroll;
}
.GetAcrobat{
width: 670px;
clear: left;
color:#000;
font-size:0.9em;
margin:10px 0;
padding:10px;
border:1px solid #c2c2c2;
background-color:#ccc;
}
	.GetAcrobat .FloatBox{
	float: left;
	width: 88px;
	}
	* html .GetAcrobat p{ /* IE 3px jog hack*/
	height: 1%;
	}
	.GetAcrobat p{
	margin-top: 0;
	margin-left: 100px;
	}
/* -------------------------------------------- */
/* 		List									*/
/* -------------------------------------------- */
.KeyInfo li{
background:transparent url('../pic/global/gfx_bullet.gif') no-repeat 0 1px scroll;
margin:5px 0;
padding:0 0 0 18px;
font-size:0.9em;
}


/* -------------------------------------------- */
/* 		Image									*/
/* -------------------------------------------- */


/* -------------------------------------------- */
/* 		Form									*/
/* -------------------------------------------- */
inputXXX, input, textarea, select{
background-color:#fcfcfc;
margin:0 10px 5px 0;
padding:3px;
/*height:16px;*/
border:1px solid #cbcbcb;
/*font-size:1em;
font-weight:normal;*/
color:#555;
}

.form{
border:1px solid #959595;
background-color:#ebebeb;
font:normal 1em Arial, Helvetica, sans-serif;
padding:2px;
margin:0 0 5px 0;
display:inline;
}
.form:hover{
background-color:#fff;
}

/*--Radio Buttons Style--*/

.RadioOff {
	display: inline;
	margin: 0;
	padding: 2px;
	padding-left: 18px;
	color: #666;
	font: 1em/16px Verdana,Arial,Helvetica;
	background: transparent url('../img/global/RadioOff.gif') no-repeat 0 2px;
}
/* On state for radio button */
.RadioOn {
	display: inline;
	margin: 0;
	padding: 2px; /* NS 6 problem */
	padding-left: 18px;
	color: #000;
	font: 1em/16px Verdana,Arial,Helvetica;
	background: transparent url('../img/global/RadioOn.gif') no-repeat 0 2px;
}
.RadioOn:hover {
	background-image: url('../img/global/RadioOn_hover.gif');
}
.RadioOff:hover {
	color: #333 !important;
	background-image: url('../img/global/RadioOff_hover.gif');
}

/* -------------------------------------------- */
/* 		Button									*/
/* -------------------------------------------- */
input.buttons{
border:none;
}
inputXXX.buttons {
	background: none no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 0;
	text-indent: -9999px;
	width: auto;
}
input.buttonsxxx:hover { background-position: 0 -15px; }
inputXXX.Search { background-image: url('../img/global/btn_search.gif'); width: 210px; height: 30px; }
input.Vote { background-image: url('../img/global/btn_vote.gif'); width: 46px; height: 15px; }
inputXXX.ViewResult{ background-image: url('../img/global/btn_viewresult.gif'); width: 91px; height: 15px; }
/* -------------------------------------------- */
/* 		Breaks									*/
/* -------------------------------------------- */

p{
margin:0;
padding:0.25em 0;
}
br{
margin:0;
padding:0;
}
hr{
width:100%;
background-color:#fff;
color:#fff;
height:1px;
border:0;
margin:5px 0;
}
*html hr{
margin:0;
padding:5px 0;
}
.clear{
clear:both;
float:none;
height:0;
line-height:0;
display:block;
}

input#search{
    background: transparent url(../img/global/btn_search.gif) top left no-repeat;
    width: 210px;
    height: 30px;
    text-indent: -9999px;
    border: 0px none;
    cursor: pointer;
    
}

input.submitvote{
    background: transparent url(../img/global/btn_vote.gif) top left no-repeat;
    width: 46px;
    height: 15px;
    text-indent: -9999px;
    border: 0px none;
    cursor: pointer;
}