/* MAIN */

ul, ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
h3, h4, h5, h6, pre, code {
	font-size:1em;
}
ul, ol, li, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin:0pt;
	padding:0pt;
}
a img, :link img, :visited img {
	border:medium none;
}
address {
	font-style:normal;
}
body {
background-color:#ffffff;
font: 83% arial, helvetica, sans-serif;
text-align:center;
padding-left: 0px;
color: #222222;
}

html, body, iframe {
height: 100%;
}


#header, #footer {
font: 83%/1.4 arial, helvetica, sans-serif;
background-color:#222222;
border-bottom:0px solid #E3E2DD;
color:#DDDDDD;
line-height:1.6em;
padding:0px 0pt;
}
#header-box {
background-color:#333333;
border:1px solid #444444;
margin:20px auto 0pt;
padding:1em 2em;
width:510px;
}
.header-bar {
background-color:#ffffff;
border-bottom:4px solid #28A1FE;
}
.footer-bar {
background-color:#222222;
border-top:4px solid #28A1FE;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
#menu {
background:#333333 none repeat scroll 0% 0%;
color:#EEEEEE;
}
#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt auto;
padding:0pt;
width:100%;
}
#menu ul li {
background:#333333 url(/images/menu.gif) no-repeat scroll right bottom;
float:left;
font-size:11px;
margin:0pt;
padding:10px 20px;
}
#menu ul li a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#menu ul li.bold {
background:#555555 none repeat scroll 0% 0%;
}

#menu ul li.current, #menu ul li:hover {
color:black;
}

#catmenu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt auto;
padding:0pt;
width:100%;
}
#catmenu ul li {
background:#333333 url(/images/menu.gif) no-repeat scroll right bottom;
float:left;
font-size:11px;
margin:0pt;
padding:10px 20px;
}
#catmenu ul li a {
color:#FFFFFF;
text-decoration:none;
}
#catmenu ul li.bold {
background:#555555 none repeat scroll 0% 0%;
}
#catmenu ul li.current, #menu ul li:hover {
color:black;
}

#category-menu {
background:#ffffff none repeat scroll 0% 0%;
text-align:left;
border-bottom:1px solid #DDDDDD;
}
#category-menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt auto;
padding:0pt;
width:900px;
}
#category-menu ul li {
float:left;
font-size:11px;
margin:0pt;
padding:1px 4px;
}
#category-menu ul li a {
font-size:12px;
font-weight:bold;
text-decoration:none;
color: #28A1FE;
}

#category-menu ul li.bold {
background:#555555 none repeat scroll 0% 0%;
}
#category-menu ul li.current, #menu ul li:hover {
color:black;
}

h1, h3, h4, h6 {
font-family:Helvetica,Arial,Verdana,sans-serif;
padding:0pt;
margin-top:0em;
}
h1 {
font-size:35px;
margin-bottom:0em;
}
h2 {
font-family:Helvetica,Arial,Verdana,sans-serif;
font-size:23px;
margin: 0em 0 0 0;
padding: 0em 0;
}

.article_title h1 {
font-size:22px;
margin-bottom:0em;
}

/*
h1 a {
background-color:#DDDDDD;
border:1px solid #BBBBBB;
color:#222222;
padding:10px;
}
*/
/*
h1 a:hover {
background-color:#222222;
border:1px solid #ACD373;
color:#ACD373;
}
*/




h3 {
font-size:17px;
}
h4 {
font-size:14px;
}
h6 {
font-size:16px;
}

/*
input {
background:#e1e1e1;
font-family: Verdana Arial, sans-serif;
font-weight: 15px;
font-size: 0,10em;
border:2px solid #999999;
color:#f4f4f4;
padding:4px;
/*width:95%;*/
}
*/
input.button {
background:#EEEEEE none repeat scroll 0% 0%;
border:1px solid #DDDDDD;
font-family:"Lucida Grande",Arial,Verdana,sans-serif;
font-size:16px;
/*width:auto;*/
}
input:focus {
/*background-color:#F4F4F4;*/
}

textarea {
-x-system-font:none;
font-family:"Lucida Grande",Arial,Verdana,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:5px;
}
.checkbox {
vertical-align:middle;
width:auto;
}
ul {
margin-top:10px;
}
li {
/*background:transparent url(/images/arrow.gif) no-repeat scroll left center;*/
font-size:12px;
margin-bottom:10px;
margin-left:0pt;
padding:2px 2px 2px 20px;
}
li b {
background-color:#ACD373;
color:#197A30;
padding:2px;
}
ul {
margin:0pt;
}
ul.autocomplete li {
background:white none repeat scroll 0% 0%;
margin:0pt;
padding-left:5px;
}
ul.autocomplete li:hover {
background-color:black;
color:white;
}
ul.autocomplete li.hover {
background-color:black;
color:white;
}
ul#nav {
margin:0pt;
}
ul#nav li {
background:transparent none repeat scroll 0% 0%;
float:right;
margin:0pt 0pt 0pt 6px;
padding:0pt;
text-align:center;
}
ul#nav a {
background:#6A7676 none repeat scroll 0% 0%;
color:white;
float:left;
font-size:11px;
margin:0pt;
padding:10px 3px;
text-decoration:none;
width:128px;
}
ul#nav li.active a {
background:#71B601 none repeat scroll 0% 0%;
color:white;
}
ul#nav li a:hover {
color:#CCCCCC;
}
#nav2 {
background:#ffffff none repeat scroll 0% 0%;
border-bottom:1px solid #DDDDDD;
border-top:5px solid #33CC00;
clear:both;
/*margin-left:250px;*/
padding:0px;
text-align:right;
width: 500;
}
#nav2 a {
color:#666666;
text-decoration:none;
}
#nav2 a:hover {
color:#888888;
text-decoration:none;
}

u {
border-bottom:1px dotted black;
text-decoration:none;
}
p.description {
font-size:10px;
margin:0pt 0pt 20px;
}

a
{
text-decoration: none;
color: #28A1FE;
font-weight: bold
}
a:hover
{
color: #444444;
text-decoration:none;
}

a.button:link, a.button:visited {
background-color:#EEEEEE;
border:1px solid #DDDDDD;
color:#777777;
padding:5px 10px;
text-decoration:none;
}
a.button:hover {
background-color:white;
}
a.white_link
{
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
a.white_link:hover
{
color: #28A1FE;
text-decoration: none;
}
a.white_link_selected
{
color: #28A1FE;
font-weight: bold;
text-decoration: none;
}


a.dark_grey_link {
text-decoration: none;
color: #444444;
font-weight: bold;
}

a.dark_grey_link:hover {
color: #28A1FE;
text-decoration:none;
font-weight: bold;
}

a.bleu_link
{
text-decoration: none;
color: #28A1FE;
font-weight: bold
}
a.bleu_link:hover
{
color: #444444;
text-decoration:none;
}
a.bleu_link2
{
color: #28A1FE;
text-decoration:none;
}
a.bleu_link2:hover
{
color: #28A1FE;
text-decoration:none;
}
a.grey_link
{
text-decoration: none;
color: #444444;
}

.small_font {
font-size: 13px;
}

.medium_font {
font-size: 12px;
}

.medium_large_font {
font-size: 16px;
}
.large_font {
font-size: 20px;
}

.small-font {
font-size: 10px;
}

img.icon {
border:0pt none;
padding-right:1px;
vertical-align:middle;
}
#help p {
line-height:18px;
padding-left:20px;
}
#layout b {
background-color:#ACD373;
color:#197A30;
padding:2px;
}
.error p, p.error, .note {
background-color:#FFCCCC;
border:1px dotted #FF6666;
padding:15px;
}
.dormant {
background-color:#FFCCCC;
border:1px dotted #FF6666;
padding:15px;
}
.activ, .faqbox {
background-color:#E4F0E0;
border:1px dotted #006633;
padding:15px;
}
/*
.blue {
background-color:#AFEAFF;
border:1px dotted #00759F;
padding:15px;
}
*/
.gray {
background-color:#EEEEEE;
border:1px dotted #AAAAAA;
padding:15px;
}
.input {
background-color:#FAFAFA;
border-bottom:1px solid #DDDDDD;
border-top:2px solid #DDDDDD;
margin-top:10px;
padding:10px;
font-size: 12px;
}
.captcha_input {
background-color:#FFFFFF;

margin-top:10px;
padding:10px;
font-size: 16px;
font-family: lucida,'Lucida Grande', verdana, arial, sans-serif;
color: #333333;
}

p {
/*background-color:#FAFAFA;*/
/*border-bottom:1px solid #EEEEEE;*/
/*border-top:1px solid #FFFFFF;*/
/*border-left:1px solid #FFFFFF;*/
/*border-right:1px solid #FFFFFF;*/
color: #4a4a4a;
font-size: 13px;
padding:0px;
}

p.font-11 {
color: #4a4a4a;
font-size: 11px;
padding:0px;
}

p.font-12 {
color: #4a4a4a;
font-size: 12px;
padding:0px;
}

#registration td, #contact td, #commentbox td {
border:0pt none;
}

.link_color2{
/*color:#666666;*/
color:#666666;
text-decoration:none;
}

th {
/*background-color:#F6F6F6;*/
border-bottom:0px solid #DDDDDD;
border-top:0px solid #DDDDDD;
padding:10px;
}

.border-left-right-top-bottom {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.border-left-right-top-bottom-darkgrey {
border-left: 1px solid #AAA;
border-right: 1px solid #AAA;
border-top: 1px solid #AAA;
border-bottom: 1px solid #AAA;
}

.border-bottom {
border-bottom: 1px solid #ddd;
}

.border-bottom2 {
border-bottom: 1px solid #666;
}

.border-solid {
border: 1px solid #AAA;
}

td.bordertest
{
margin: 0;
padding: 4px;
border-width: 1px 1px 0 0;
border-color: #AAA;
border-style: solid;
}

table.bordertest {
border-width: 0 0 1px 1px;
border-spacing: 0;
border-collapse: collapse;
border-color: #AAA;
border-style: solid;
}

.border-left-column {
border-top: 1px solid #AAA;
border-bottom: 1px solid #AAA;
border-left: 1px solid #AAA;
border-right: 1px solid #AAA;
}

.border-normal-column {
border-top: 1px solid #AAA;
border-bottom: 1px solid #AAA;
border-right: 1px solid #AAA;
}

#green_link a {
font-size:13px;
font-weight: italic;
color:#219A27;
}
#green_font {
font-size:11px;
font-weight: italic;
color:#219A27;
}

#article_text {
font-size:15px;
}

.categorie_text {
font-size:22px;
color: #444;
}
.categorie_text_medium {
font-size:18px;
color: #444;
}

#cover {
background-color:gray;
height:100%;
left:0px;
opacity:0.7;
position:absolute;
top:0px;
width:100%;
z-index:5;
}
#popup {
background-color:white;
border:3px solid #666666;
left:0px;
margin-left:5%;
margin-right:5%;
padding:10px;
position:absolute;
text-align:left;
top:25px;
width:985px;
z-index:10;
}
#popupajax {
background-color:white;
border:3px solid #666666;
left:50%;
margin-left:-110px;
padding:0px;
position:absolute;
text-align:left;
top:0px;
width:220px;
z-index:10;
}
#header-login {
font-size:32px;
left:0px;
letter-spacing:-1px;
padding:0px;
position:absolute;
text-align:left;
top:35px;
width:140px;
}
#header-login a {
color:white;
margin:0pt;
text-decoration:none;
}
#header-login a {
-x-system-font:none;
font-family:Trebuchet MS,sans-serif;
font-size:26px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0pt;
padding-left:0px;
text-decoration:none;
width:80px;
}
#header-login a:hover {
color:#33CC00;
}
.index li {
font-size:11px;
}
#banner {
background-color:#777777;
border-bottom:3px solid #444444;
height:22px;
margin:0pt 0pt 4px;
padding-top:4px;
width:100%;
}
#darkgrey_background {
background-color:#222222;
}
#lightgrey_background {
background-color:#444444;
}
#darkgrey_font {
color: #222222;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
#lightgrey_font {
color: #f4f4f4;
}
.front {
font-family: lucida,'Lucida Grande', verdana, arial, sans-serif;
font-size: 16px;
padding:4px;
}
.submit_button {
font-size: 16px;
width: 170px;

font-family: Verdana Arial, sans-serif;
font-weight: 16px;

/*background:#e1e1e1;*/
/*border:2px solid #999999;*/
/*color:#222222;*/
padding:4px;
margin-bottom: 0px;
padding-bottom: 5px;
}

.vote_submit_button {
font-size: 16px;


font-family: Verdana Arial, sans-serif;
font-weight: 16px;

/*background:#e1e1e1;*/
/*border:2px solid #999999;*/
/*color:#222222;*/
padding:4px;
margin-bottom: 0px;
padding-bottom: 5px;
}

.small_font {
font-size: 12px;
}

.submission .radio {
	float: left;
	width: 110px;
	height: 110px;
	margin: 1em 10px 0 3px;
	position: relative;
}

.submission .radio-img {
	float: left;
	width: 120px;
	height: 110px;
	margin: 1em 10px 0 3px;
	position: relative;
}

.submission .radio label { 
	border: 1px solid #b7ceeb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 110px;
	height: 110px;
	margin: 0;
	overflow: hidden;	
	text-align: center;
	background-position: 50% 30%;
        background-position: 50% 15px;
	background-repeat: no-repeat;
 	line-height: 190px;
	text-align: center;
}


.submission .radio-img label {
	border: 1px solid #b7ceeb;
	width: 120px;
	height: 110px;
	margin: 0;
	overflow: hidden;	
}

.submission .radio label:hover,
.submission .radio label:active,
.submission .radio-img label:hover,
.submission .radio-img label:active {
	cursor: pointer;
	color: #000;
	border: 1px solid #7e8ea2;
	z-index: 201;
	position: absolute; 
	top: 0;
	left: 0;
}

.submission .radio input {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 301;
}

.submission .radio-img input {
	position: absolute;
	top: 45px;
	left: 5px;
	z-index: 301;
}	

.submission .radio-img .wrap {
	position: absolute;
	top: 15px;
	left: 30px;
	border: 1px solid #a7a7a7;
	padding: 2px;
	z-index: 100;
}


.submission .topics-container {
        position: relative;
        border-bottom: 1px solid #ccc;
        margin-top: 0;
        margin-bottom: 0 !important;
        clear: both;
        padding: 0.5em !important;
        font-weight: bold;
}
 
.submission .topics-container h4 {
        color: #333;
        position: absolute;
        top: 0;
        left: 20px;
        font-size: 85%;
        margin: 0 !important;
        padding: 0.8em 0 0 0;  
}

.submission .topics-container:hover {
        background-color: #e7f0f2;
}

.submission .topics-container ul {
        margin: 0;
        padding: 0 0 0 12em; 
        list-style: none;
        font-size: 85%;
}

.submission .topics-container ul li  {
         margin-top: 0.2em;
         float: left;
}
 
.submission .topics-container ul li a:link, 
.submission .topics-container ul li a:visited { 
        cursor: default !important;
        padding: 0.3em 0.5em;
        color: #677cd8;
        text-decoration: none;
        border: 1px solid #fff;
}

.submission .topics-container:hover a:link,
.submission .topics-container:hover a:visited {
        border: 1px solid #e7f0f2;
}

.submission .topics-container ul li a:hover, 
.submission .topics-container ul li a:active { 
        background-color: #f8fbfb;
        color: #2745c7;
        border: 1px solid #2745c7 !important;
}

.submission .topics-container li.selected a:link,
.submission .topics-container li.selected a:visited,
.submission .topics-container li.selected a:hover {
        background-color: #2745c7;
        border: 1px solid #2745c7;
        color: #fff;  
}

/*lang links */
a.white_shad_link img.white_shad_img {
	filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50;
}
a.white_shad_link:hover img.white_shad_img {
	filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1;
}

div.button a {

vertical-align:middle;
display:block; 

text-align:center;

top: 40;
width:54px; height:36px;
}
div.button a:link {
filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50;
color: black; 
text-decoration:none;
}
div.button a:hover {
filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1;
color:#F33; 
text-decoration:underline;
}


td {
color: #4a4a4a;
font-size: 13px;
padding:0px;
}

td.headerbar1 {
height:30px;
background:#333333 none repeat scroll 0% 0%;
text-align: left;
vertical-align: center;
border-bottom: solid 1px #555555;
}
td.headerbar2 {
height:30px;
background:#333333 none repeat scroll 0% 0%;
text-align: left;
vertical-align: center;
}

div.autocomplete {
  position:absolute;
  width:188px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}



/******/
/* LIGHTBOX */

#lightbox {
left:0pt;
line-height:0pt;
position:absolute;
text-align:center;
width:100%;
z-index:100;
}
#lightbox a img {
border:medium none;
}
#outerImageContainer {
background-color:#FFFFFF;
height:250px;
margin:0pt auto;
position:relative;
width:250px;
}
#imageContainer {
padding:10px;
}
#loading {
height:25%;
left:0%;
line-height:0pt;
position:absolute;
text-align:center;
top:40%;
width:100%;
}
#hoverNav {
height:100%;
left:0pt;
position:absolute;
top:0pt;
width:100%;
z-index:10;
}
#imageContainer > #hoverNav {
left:0pt;
}
#hoverNav a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
#prevLink, #nextLink {
background:transparent url(../images/blank.gif) no-repeat scroll 0% 0%;
display:block;
height:100%;
width:49%;
}
#prevLink {
float:left;
left:0pt;
}
#nextLink {
float:right;
right:0pt;
}
#prevLink:hover, #prevLink:visited:hover {
}
#nextLink:hover, #nextLink:visited:hover {
}
#imageDataContainer {
-x-system-font:none;
background-color:#FFFFFF;
font-family:Verdana,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4em;
margin:0pt auto;
overflow:auto;
width:100%;
}
#imageData {
color:#666666;
padding:0pt 10px;
}
#imageData #imageDetails {
float:left;
text-align:left;
width:70%;
}
#imageData #caption {
font-weight:bold;
}
#imageData #numberDisplay {
clear:left;
display:block;
padding-bottom:1em;
}
#imageData #bottomNavClose {
float:right;
padding-bottom:0.7em;
width:66px;
}
#overlay {
background-color:#000000;
height:500px;
left:0pt;
position:absolute;
top:0pt;
width:100%;
z-index:90;
}


/********/
/* TABS */

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #28A1FE; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
padding: 0px;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a { /* settings for selected tab link */
border:  1px solid #28A1FE;
border-bottom: none;
background-color: #333; /* set selected tab background color as desired */
color: #28A1FE; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #333; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #333; /* set unselected tab background color as desired */
color: #ddd; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
border: 1px solid #28A1FE;
background: #333; /* set desired hover color */
color: #28A1FE;
border-bottom: none;
}

/* end css tabs */


/**********/
/* BUTTON */

/* Button */
/*
* html .buttonvar span, * html .buttonvar i { float: left; width: auto; background-image: none; cursor: pointer; }

.buttonvar { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.buttonvar * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.buttonvar i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.buttonvar span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.buttonvar span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.buttonvar span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

.buttonvar.blue { background: #2ae; }

*/

/*
* html .buttonvar span, * html .buttonvar i { float: left; width: auto; background-image: none; cursor: pointer; }
.buttonvar { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.buttonvar * { font-style: normal; background-image: url(/images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.buttonvar i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.buttonvar span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.buttonvar span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.buttonvar span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .buttonvar span,
* html .buttonvar i { float: left; width: auto; background-image: none; cursor: pointer; }

.buttonvar.blue { background: #28A1FE; }
.buttonvar.green { background: #9d4; }
.buttonvar.pink { background: #e1a; }
.buttonvar:hover { background-color: #4FFF55; }
.buttonvar:active { background-color: #444; }
.buttonvar[class] {  background-image: url(/images/shade.png); background-position: bottom; }

* html .buttonvar { border: 3px double #aaa; }
* html .buttonvar.blue { border-color: #28A1FE; }
* html .buttonvar.green { border-color: #9d4; }
* html .buttonvar.pink { border-color: #e1a; }
* html .buttonvar:hover { border-color: #a00; }

p { clear: both; padding-bottom: 2em; }
form { margin-top: 2em; }
form p .buttonvar { margin-right: 1em; }
textarea { margin: 1em 0;}
*/

a.button-new, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(/images/button-blue3.png);
background-repeat: no-repeat;
width: 57px;
height: 36px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-size: 100%;
font-weight: bold;
color: #ffffff;
text-decoration: none;
coration: none;
}

a.button-new:hover, a.buttonDis{
display: block;
background-color: transparent;
background-image: url(/images/button-green3.png);
background-repeat: no-repeat;
width: 57px;
height: 36px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-size: 100%;
font-weight: bold;
color: #ffffff;
text-decoration: none;
coration: none;
}


/* BACKUP
body { padding: 20px;}
.buttonvar { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.buttonvar * { font-style: normal; background-image: url(/images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.buttonvar i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.buttonvar span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.buttonvar span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.buttonvar span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
 
* html .buttonvar span,
* html .buttonvar i { float: left; width: auto; background-image: none; cursor: pointer; }
 
.buttonvar.blue { background: #2ae; }
.buttonvar.green { background: #9d4; }
.buttonvar.pink { background: #e1a; }
.buttonvar:hover { background-color: #a00; }
.buttonvar:active { background-color: #444; }
.buttonvar[class] {  background-image: url(/images/shade.png); background-position: bottom; }
 
* html .buttonvar { border: 3px double #aaa; }
* html .buttonvar.blue { border-color: #2ae; }
* html .buttonvar.green { border-color: #9d4; }
* html .buttonvar.pink { border-color: #e1a; }
* html .buttonvar:hover { border-color: #a00; }
 
p { clear: both; padding-bottom: 2em; }
form { margin-top: 2em; }
form p .buttonvar { margin-right: 1em; }
textarea { margin: 1em 0;}
*/

/*Round corners*/
.box1 {
height:140px;
width:400px;
background-color:#666666;
color: #ffffff;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;

text-align: left;

}

.prizes2 {
background-color:#666666;
height:90px;
width:240px;
color: #ffffff;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;

text-align: left;

}

.signup1 {
height:40px;
width:135px;
background-color:#666666;
color: #ffffff;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;

text-align: left;
}

.signup2 {
height:20px;
width:65px;
background-color:#666666;
color: #ffffff;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
text-align: center;
}

.Example_C {
height: 65px;
width:160px;
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
}

#Example_D {
height: 5em;
width: 12em;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}

#Example_E {
height: 65px;
width:160px;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}

#Example_F {
height: 70px;
width: 70px;
-moz-border-radius: 35px;
border-radius: 35px;
}