/* HTML */
body {
font : 100% Calibri, Trebuchet MS, Arial, sans-serif;
font-size: 100%;
background-image: url(media/template/background_main.jpg);
text-align : center;
margin : 0 auto;
color: #fff;
line-height: 150%;
}
hr {
color : #ddd;
background-color : #ddd;
height : 1px;
border : 0;
}
input, textarea {
background : #f7f7f7;
font : 100% Helvetica;
}
a {
color : #f7f7f7;
text-decoration : none;
}



/* TEMPLATE */
#container {
width : 930px;
margin : auto;
margin-top: 10px;
margin-bottom: 10px;
}
#splash {
position : absolute;
width : 950px;
height: 500px;
left : 50%;
top : 40%;
margin-left : -450px;
margin-top : -170px;
}
#overheader {
height : 120px;
}
#underheader {
border-top : 1px solid #ddd;
height : 35px;
font-size : 15px;
padding : 10px 10px 0 10px;
}
#body {
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
min-height : 540px;
height : auto !important ;
height : 540px;
}
#footer {
height : 30px;
font-size : smaller;
color : #000;
padding : 5px 15px 0 15px;
border: 1px solid #ddd;
}
#form_footer {
font-size : smaller;
color: #000;
}


/* GENERAL */
.general #top_main_box {
height : 60px;
}
.general #outer_main_box {
float : right;
width : 720px;
}
.general #main_box {
overflow-y: auto;
height : 400px;
border-top : 1px solid #ddd;
border-left : 1px solid #ddd;
border-bottom : 1px solid #ddd;
text-align : justify;
color : #000;
background : #f7f7f7;
}
.general #main_box_inner {
overflow-y: auto;
padding : 20px;
}


/* THEME */
.theme #main_box {
color : #000;
}
.theme #description_name {
background : #f7f7f7;
padding : 5px;
font-size : 18px;
font-weight : bold;
}
.theme #theme_added {
font-size : x-small;
color : gray;
text-align : right;
}
.theme #description {
text-align : justify;
padding : 30px;
background : #f7f7f7;
min-height : 450px;
height : auto !important ;
height : 450px;
border-bottom: 2px solid #ddd;
line-height: 170%;
}
.theme #activity_name {
padding : 5px;
color : #000;
font-size : 18px;
font-weight : bold;
background : #f7f7f7;
}
.theme #activity {
text-align : justify;
padding : 20px;
background : #f7f7f7;
line-height: 160%;
}



/* LIGHT */
.light {
	color : #fff;
}
.light_bg {
	background : #fff;
}
.light_bd {
	border : 1px solid #fff;
}
.light_a a, .light_a a:visited, .light_a a:active {
	color : #fff;
}
.light_a a:hover {
	color : #fff;
	text-decoration: underline;
}


/* LIGHT GRAY */
.l_gray {
	color : #ddd;
}
.l_gray_bg {
	background : #ddd;
}
.l_gray_bd {
	border : 1px solid #ddd;
}
.l_gray_bd_bottom {
	border-bottom : 1px solid #ddd;
}
.l_gray_bd_top {
	border-top : 1px solid #ddd;
}
.l_gray_a a, .l_gray_a a:visited, .l_gray_a a:active {
	color : #ddd;
}
.l_gray_a a:hover {
	color : #ffffff;
}


/* DARK */
.dark {
	color : #000000;
	font-weight:  bold;
}
.dark_bg {
	background : #000000;
}
.dark_bd {
	border : 1px solid #000000;
}
.dark_bd_bottom {
	border-bottom : 1px solid #000000;
}
.dark_a a, .dark_a a:visited, .dark_a a:active {
	color : #000000;
}
.dark_a a:hover {
	color : #444;
	text-decoration: none;
}

/* GRAY */
.gray {
	color : #444;
}
.gray_bg {
	background : #444;
}
.gray_bd {
	border : 1px solid #444;
}
.gray_bd_bottom {
	border-bottom : 1px solid #444;
}
.gray_bd_top {
	border-top : 1px solid #444;
}
.gray_a a, .gray_a a:visited, .gray_a a:active {
	color : #444;
}
.gray_a a:hover {
	color : #ffffff;
}


/* INPUT ET SUBMIT */
.submit {
background: #f7f7f7;
color: #000;
font-weight: bold;
border : 1px solid #444;
padding: 2px;
}
.submit_over {
background : #ddd;
color : #000;
}
.input_over {
background: #f7f7f7;
}


/* COMMUNICATION */
.pos_com {
font-weight : bold;
padding : 5px;
color:  darkgreen;
cursor:  pointer;
display:  none;
}
.neg_com {
font-weight : bold;
padding : 5px;
color:  darkred;
cursor:  pointer;
display:  none;
}