/* SOME GENERAL STYLES */
body { font-family:"Trebuchet MS", sans-serif; text-align:center;  background: url(/ifc/body_bg.jpg) repeat-x top left; font-size:12px;}

a { color:red; text-decoration:none; }
a:hover { text-decoration:underline; }
input { border:1px solid #ccc; }
.color-titles { color:#ed1c24; }
.last { border:0 !important; }

.js_error { border:1px solid red;}

/* PAGE WRAPPER */
#page_wrapper { margin:0 auto; text-align:left; width:957px; background:white; }

/* SEARCH COMMON STYLES */
#search_page {}

/* HEADER */
#header { position:relative; width:100%; height:259px;}
#header a.logo-text {display:block;}
#header h1 { display:inline; font-size:16px !important;}
#header span.subtitle { font-weight:bold; display:inline-block; font-size:16px !important;}

#background-left {position:relative; top:0; left:-215px; width:215px; height:386px; background:url(/ifc/bg_left.jpg) no-repeat top left;}
#background-right {position:relative; top:-386px; left:957px; width:184px; height:459px; background:url(/ifc/bg_right.jpg) no-repeat top left;}

#header-image { position:absolute; left:560px; top:20px; z-index:100; }

#header-background-left {position:absolute; top:0; left:3px; width:33px; height:259px; background: url(/ifc/header-background-left.png) no-repeat top left; }
#header-background-middle {position:absolute; top:0; left:36px; width:902px; height:259px; background: url(/ifc/header-background-middle.png) repeat-x top left; color:white;}
#header-background-right {position:absolute; top:0; left:938px; width:16px; height:259px; background: url(/ifc/header-background-right.png) no-repeat top left;}

#header-background-middle ul.user_menu { margin-top:20px; }
#header-background-middle ul.user_menu li { padding:0 15px; border-right:1px solid white; }
#header-background-middle ul.user_menu li.first { padding-left:0;}
#header-background-middle ul.user_menu a { color:#fff200; font-weight:bold; font-size:13px;}
#header-background-middle ul.user_menu a:hover { text-decoration:underline; }
#header-background-middle ul.user_menu a.home { color:white; }
#header-background-middle img { margin:35px 0 5px -10px;}
#header-background-middle h1 { color:white; font-size:15px; margin:5px 0 5px 0px;}

#header-content-bottom { position:absolute; bottom:0; left:30px; color:yellow; font-weight:bold; width:905px; letter-spacing:0.5px;}
#header-content-bottom span { height:30px; line-height:30px; }
#header-content-bottom img { margin:0 20px; }
#header-content-bottom span.date { float:right; display:inline; margin-right:0 !important; }

/* NEWSLETTER -> SEARCH */
#newsletter { margin:15px 0 0 0; }
#newsletter label { display:block; }
#newsletter input.search-input-text { height:19px; padding-top:1px;}
#newsletter_submit_button { background: url(/ifc/search-button.png) no-repeat top left; height:23px; width:70px; border:0; display:inline;}

/* FOOTER */
#footer { margin:50px 0 0; width:100%; padding:10px 0; text-align:center; color:#333333; }
#footer ul { margin:5px 0; }
#footer li { padding:0 10px; border-right:1px solid red; }
#footer h5 { font-weight:bold; font-size:1.3em; margin:10px 0 5px 0;  }
#footer p a { color:#11b2f0; font-weight:bold; }
#footer p { color:#6a6a6a; }

/* LEFT SIDEBAR */
#left_sidebar { width:160px; float:left; min-height:600px; }
#left-sidebar-categories-container { width:145px; padding:25px 0 0 0; margin-left:5px; border-right:3px solid #e5e5e5; border-bottom:3px solid #e5e5e5; background:#f5f5f5; }
#left-sidebar-categories-container ul { padding:0 0 0 20px; }
#left-sidebar-categories-container li { display:block; padding:3px 0 3px 0; margin-bottom:5px;}
#left-sidebar-categories-container li a { font-size:13px; font-weight:bold; color:#000000; }
#left-sidebar-categories-container li a.sticky { color:red; }
#left-sidebar-categories-container #separator { width:100%; height:2px; border-top:1px solid #cccccc; border-bottom:1px solid white; margin:20px 0; }
#left-sidebar-categories-container li a:hover { color:#333333; }
#left-sidebar-categories-container h4 { margin-bottom:20px; padding:0 0 0 10px; }
	
/* RIGHT SIDEBAR */	
#right_sidebar { width:162px; float:left; padding:25px 0 0 5px; }
#site_statisctics p { }
/* CONTENT */
#content { float:left; width:610px; padding:20px 10px 0 10px; }
#content h1 { }
#content h2 { font-weight:normal;}
#content h3.top-title { margin:5px 0 20px 0; }
#content img.homepage-banner { text-align:center; margin-top:25px; background:red; }
	
	
#login_ajax_response { border:1px solid #ccc; background:#f1f1f1; display:none; text-align:center; padding:10px; }
#loginbox p { text-align:center; margin:10px; }
#loginbox li label { float:left; width:120px; }

/* REGISTER STYLES */
#loginbox, #regsiter_box, #forget_password_box, #response_container {  width:450px; }
#regsiter_box p, #forget_password_box p {margin:10px 0 20px; text-align:center;}

#response_container {width:100%; margin:20px 0; border:1px solid #ccc; background:#154372; color:white;}
#response_container p {padding:10px 20px;}

/* SIGNUP BOX */
#signup_box li label,  #signup_box li span.label { float:left; width:150px; }
#signup_box li label.nofloat {float:none; width:auto; margin-right:15px;}
a#check_username_button { color:#396188; background:white; padding:3px 5px; border:1px solid #ccc;}
a#check_username_button:hover {text-decoration:none; background:#e1e1e1; }
span.sex-error-message, span.terms-error-message {color:red; display:none;}

/* INPUT BOX GENERAL */
div.input_box { background:#f1f1f1; padding:10px; border:1px solid #ccc; margin:10px auto;}
div.input_box ul {}
div.input_box li {display:block; margin:5px 0;}
div.input_box li.buttons {text-align:center; padding:10px 0;}
div.input_box li.buttons input { padding:5px 10px; background:#396188; color:white; font-weight:bold; border:0;}
div.input_box li.buttons input:hover {color:#003366;}
div.input_box li textarea { width:300px; height:120px; }
div.input_box li.notification p { text-align:center; font-weight:bold; color:#ED1C24; padding:3px 0;}

/* COMMON SUBMIT BUTTON STYLES */
input.submit_button { padding:5px 10px; background:#396188; color:white; font-weight:bold; border:0;}
input.submit_button:hover {color:#003366;}


/* HELP POPUP */
img.help-icon { vertical-align:top; }
.help-popup { position:absolute; display:none; background:#FEFF7F; border:1px solid #ccc; padding:10px 5px; font-size:12px; z-index:1000 !important; width:340px;}
.help-popup p {}
.help-popup ul { }
.help-popup li { }

/* PARTICLAR HELP BOX POSITIONS */
#help-username, #help-password { top:20px; left:200px; width:340px;}
#help-value {top:20px; left:100px;}
#help-startdate, #help-enddate {top:20px; left:150px;}
#help-link, #help-desc, #help-intro {top:20px; left:250px;}
#help-image {top:20px; left:180px;}


/* GENERAL INPUT STYLES */
input.medium_text { width:200px; padding:3px 0; } 
input#secure_code { width:100px; }
input.locked { border:1px solid #ccc; background:#e1e1e1; }

/* PROFILE */
#profile_links { margin:5px 0; background:#e7e7e7; padding:3px 10px;}
#profile_links a {}
#profile_links a:hover {text-decoration:none; color:#00ADEE;}
#profile_links a.selected {font-weight:bold; color:#00ADEE;}

#my_profile {margin:10px 0; }
#my_profile img.profile_image { float:left; margin-top:5px; }
#my_profile ul { margin-left:152px;}
#my_profile li { display:block; padding:2px 0;}
#my_profile li label {width:150px;}
#my_profile li span.title { font-weight:bold; width:120px; display:inline-block;}


#profile_menu {margin-top:20px;}
#profile_menu li a {padding:5px 10px; display:inline-block; background:#e1e1e1; }
#profile_menu li a:hover {text-decoration:none; color:#00ADEE;}
#profile_menu li a.selected { background:#f1f1f1; font-weight:bold; color:#00ADEE;}
#profile_comments,  #profile_competitions, #profile_ratings { background:#f1f1f1; padding:10px;}
#profile_comments li,  #profile_competitions li, #profile_ratings li {display:block; }

/* PROFILE PAGINTAION STYLES */
.pagination_profile {clear:both; margin:10px 0 0; background:#e7e7e7; padding:3px 0; color:gray; font-size:12px;}
.pagination_profile p {float:right;}
.pagination_profile li { display:inline; float:left; padding:0; margin:0;}
.pagination_profile li a {padding:0 5px;}
.pagination_profile li.current { color: blue;}

/* PROFILE EDIT */
#profile_edit li label, #profile_edit li span.label{float:left; width:150px;}
#profile_edit li label.nofloat {float:none; width:auto; margin-right:15px;}

/* PROFILE_IMAGE */
#profile_image img.profile_image { width:100px; height:100px; float:left; margin-top:5px; }
#profile_image ul {margin-left:120px;}
#profile_image ul label {display:block;}

/* PROFILE ADD COMPETITION */
#add_competition_wrapper { }
#add_competition_wrapper li label { float:left; width:120px; }


div.banners_box { width:100%; text-align:center; margin:20px 0; }

#site_statisctics { background:#f0f0f0; width:140px; margin:20px 0 20px 0; padding:10px 5px 10px 10px; }
#site_statisctics p { font-weight:bold; padding:5px 0; color:#00aeef; }	
	
/* SEPARATOR */
.separator { width:100%; height:2px; border-top:1px solid #cccccc; border-bottom:1px solid white; clear:left; margin:0; padding:0;}

/* LIST COMPETITIONS */
#competitions_list_wrapper {margin:20px 0 50px;}
table.competition { padding:20px 0; width:100%; color:#404040;}
table.competition.even { background:#f7f7f7 !important;}
table.competition td {vertical-align: middle; padding:5px 0;}
table.competition td.image {width:135px; text-align:center; padding:30px 0;}
table.competition td.data h2 {margin:0 0 2px 0; font-family: arial;}
table.competition td.data h2 a {font-size:20px; color:#00adee;}
table.competition td.data h3.creator { margin:0; font-size:12px; padding:0 0 5px 0; font-weight:normal;}
table.competition td.data h3.creator a {font-size:12px; color:#00adee;}
table.competition td.data p {font-size:14px; padding:10px 0;}
table.competition td.data h4 {font-size:12px; color:#ed1c24; margin:5px 0 0;}

.view h1 a {color:#00ADEE; font-size:24px;}
.view h3.creator { font-weight:12px; font-weight:normal; padding:0 0 5px;}
.view p { padding:15px 0;}
div#rating { margin:10px 0;}
div#rating label {float:left; width:60px; font-size:1.2em; font-weight:bold;}
div#rating input.button { margin-left:10px; padding:0 5px;}
/* COMMENTS FROM */
#comment_form textarea {width:300px; height:120px;}
#comment_form input.button { display:block; margin:10px 0 10px 240px; padding:5px;}

div.comment_wrapper { border:1px solid #ccc; padding:5px 10px; margin:10px 0;}
div.comment_wrapper img {float:left; border:1px solid #ccc;}
div.comment_wrapper div.container {padding-left:120px;}
div.comment_wrapper.odd {background:#f5f5f5;}
div.comment_wrapper p { }
div.comment_wrapper p.username {float:left; font-weight:bold; padding:5px 0;}
div.comment_wrapper p.timestamp {float:right; color:#7d7d7d; padding:5px 0; font-size:12px;}
div.comment_wrapper p.comment {clear:right; padding-top:3px; margin:0; }
div.comment_wrapper a.delete {clear:both; float:right;}
div.comment_wrapper a.delete img {border:0;}
/* SUBMIT COMMENT BUTTON */
input.comments_button {padding:5px 10px; margin-top:5px; background:#396188; color:white; font-weight:bold; border:0; display:block; margin-left:230px;}
input.comments_button:hover {color:#003366;}

/* PAGINATION */
.pagination { border:1px solid #ccc; margin:5px 0; background:#e0e0e0; padding:3px; font-size:12px; color:#7D7D7D; }
.pagination p { display:inline; float:right; padding:0;}
.pagination ul { display:inline; float:left; }
.pagination ul li { padding:0 2px; }
.pagination li.current { font-weight:bold; }
.pagination li a { color:blue; text-decoration:underline; }
.pagination li a:hover { color:#cc0000; }
li.selected { font-weight:bold; }


/* PLAY BUTTON */
div.button-play { margin:20px 0;}
div.button-play a { padding:10px; background:#00ADEE; border:2px solid #144372; font-weight:bold; color:#144372;}
div.button-play a:hover {color:#ED1C24; text-decoration:none;}

/* TERMS AND SERVICES */
a.terms_link {color:black; text-decoration:underline;}
#terms_and_services {width:400px; height:600px; padding:20px; text-align:left;}
#terms_and_services h3 {padding:10px 0 20px 0;}
#terms_and_services p.signature { margin:20px 0 0; text-align:right;}

/* PROFILE COMMETNS */
div.user_comment_wrapper { margin:10px 0; border-bottom:1px solid #ccc; padding:0 5px 5px; font-family:arial;}
div.user_comment_wrapper h4.competition_title {padding:0; margin:0;}
div.user_comment_wrapper h4.competition_title a { color:#00ADEE;}
div.user_comment_wrapper h5.comment_timestamp {font-weight:normal; padding:5px 0; font-size:12px; color:gray;}
div.user_comment_wrapper p {margin:5px 0 0;}
div.rating_container {width:16px; height:16px; background: url(/ifc/rating/star.gif) no-repeat top; background-position:0 -16px; float:left;}

/* SEARCH */
#search_input_box {width:100%; text-align:center; background: #f1f1f1; border:1px solid #ccc; padding:20px 0; font-size:14px;}
h2.no_results {padding:10px; text-align:center; color:red;}

/* ACTIVE USERS */
#users_online_wrapper {}
#users_online_wrapper h4 { font-size:14px; margin-bottom:10px; color:#4F4F4F;}
#users_online_wrapper li {text-align:center; float:left; padding-right:5px;}
#users_online_wrapper img {width:50px; height:50px;}
#users_online_wrapper a.profile_name {display:block;}

#bottom-text {margin:10px 0;}