@CHARSET "UTF-8";

blockquote, body, div, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, pre, table, td, th, ul { margin:0px; padding:0px; }
th, td { margin:0px; padding:3px; }

body
{
    font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
    font-size:12px;
    /*color:#fff;*/
    background-color:#222222;
}

a
{
    color:#0489B7;
    text-decoration:none;
}
a:hover
{
    color:#ff8f1f;
}
a.rounded
{
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    padding:5px 10px;
    background-color:#CDCDCD;
    -webkit-transition: background-color 150ms;
       -moz-transition: background-color 150ms;
        -ms-transition: background-color 150ms;
         -o-transition: background-color 150ms;
            transition: background-color 150ms;
    color:#111;
    border:solid 1px #454545;
    text-decoration:none;
    font-size:120%;
}
a.rounded:hover
{
    background-color:#DFD5CB;
    -webkit-transition: background-color 150ms;
       -moz-transition: background-color 150ms;
        -ms-transition: background-color 150ms;
         -o-transition: background-color 150ms;
            transition: background-color 150ms;
}
a.rounded img
{
	vertical-align:middle;
}
img
{
    border:0px;
}
h1
{
    font-size:160%;
    padding:14px 0px;
}
h2
{
    font-size:145%;
    padding:13px 0px;
}
h3
{
    font-size:130%;
    padding:12px 0px;
}
h4, h5
{
    font-size:120%;
    padding:10px 0px;
}

ul
{
    margin:0px 0px 0px 5px;
    padding:5px;
}

td
{
	vertical-align:top;
}
td.colon
{
	width:5px;
}
/* page structure *********************************************************************************/
.container
{
    width:950px;
    margin-left:auto;
    margin-right:auto;
}
.admin_container
{
    width:80%;
    margin-left:auto;
    margin-right:auto;
}
#top_notifications
{
	background-color:yellow;
}
.top_notification
{
	padding:10px 0px;
	text-align:center;
	border-bottom:solid 1px #000;
	cursor:pointer;
}
.top_notification:hover
{
	background-color:#FF8F1F;
}
.top_notification:hover a
{
	color:#fff;
}
#header
{
    background-color:#1C668C; /* fallback */
    background: -webkit-linear-gradient(-90deg, #1C668C 0%, #4899C3 100%);
    background:    -moz-linear-gradient(-90deg, #1C668C 0%, #4899C3 100%);
    color:#fff;
    border-bottom:solid 1px #fff;   
    height:80px;
}
#header .container
{
    background-image: url(../img/design/header_round.gif);
    background-position: -70px -30px;
    background-repeat: no-repeat;
    height:80px;
}
#header h1
{
    padding-top:20px;
    font-size:180%;
    text-shadow: 0 -1px 0 #000;
}
#header a
{
    color:#fff;
    text-shadow: 0 -1px 0 #000;
}
#logo
{
    float:left;
    margin-left:100px;
    margin-top:10px;
}
#header_text
{
    margin-left:200px;
    /*float:right;*/
}
.header_links
{
    color:#ffffff;
    vertical-align:middle;
    height:30px;
    background-color:#000;
    background: -webkit-linear-gradient(-90deg, #1F1F1F 0%, #1F1F1F 49%, #000 50%);
    background:    -moz-linear-gradient(-90deg, #1F1F1F 0%, #1F1F1F 49%, #000 50%);
    border-bottom:solid 1px #FF8F1F;
    /*
    background-image:url('../img/design/top_bar_black.gif');
    background-repeat: repeat-x;
    */
}
.header_links:last-child
{
	border-bottom:solid 2px #FF8F1F;
	height:30px;
}
#header_links_left
{
    float:left;
    padding-left:20px;
}
#header_links_right
{
    float:right;
    padding-right:20px;
}
.header_links a
{
	line-height: 30px;
    color:#ffffff;
}
.header_links a:hover
{
    text-decoration:none;
    color: #ff8f1f;
}

#content
{
    background-color:#fafafa;
    padding:5px;
    min-height:400px;
}
#content .container p
{
	margin-bottom:7px;
}
#footer
{
	background-color:#FF8F1F;
    margin-bottom:10px;
    border-top:solid 1px #000;
    color:#fff;
}
#footer .container
{
	padding-top:20px;
    background-image: url(../img/design/footer_round.gif);
    background-position: 90px -320px;
    background-repeat: no-repeat;
}
#footer_text
{
	padding-left:300px;
}
#footer_text ul
{
    padding:0px;
    margin:0px;
}
#footer_text ul li
{
    display:inline-block;
    list-style: none;
    margin-right:15px;
}
#footer a
{
    color:#fff;
    text-shadow: 0 -1px 0 #888;
}
#footer a:hover
{
    text-decoration:underline;
}
.top_explanation
{
	margin-left:10px;
}
/* homepage *********************************************************************************/
.home_title_box_container
{
	width:700px;
	margin:10px auto;
	border:solid 1px #454545;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}
.home_title_box
{
	padding:10px 20px;
	font-size:110%;
}
.home_title_box .strong
{
	color: #FF9F2F;
	font-weight: bold;
}
.home_title_box h3 
{
    color: #FF9F2F;
    font-size: 130%;
    margin-top: 8px;
}
.home_title_box p
{
	margin:10px;
}
#home_table
{
    width:670px;
    margin:10px auto;	
}
td.box
{
	background-image: url(../img/design/boxBG300.gif);
    background-repeat: no-repeat;
    color:#fff;
    padding:10px;
    width:300px;
}
#home_table h4
{
    font-size:14px;
    margin-left:10px;
}
.home_cell
{
    width:210px;
    height:130px;
    margin-left:20px;
}
.home_cell .know_more
{
    position:relative;
    float:left;
    width:200px;
    height:20px;
    left:70px;
    top:-15px;
    text-align:right;
}
.knowMore
{
    margin-top:45px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    width:200px;
    vertical-align:middle;
    text-align:center;
    font-size:130%;
}
.nbg
{
    background-image:none;
}
.registerLink
{
    margin-left:auto;
    margin-right:auto;
    /*width:200px;*/
    height:40px;
    text-align:center;
}
.home_cell a
{
    /*background-color:#ffffff;*/
    padding:2px 5px;
}
a.welcome_link
{
    font-size:140%;
    background-color:#444;
    background: -webkit-linear-gradient(90deg, #666 0%, #444 60%);
    background:    -moz-linear-gradient(90deg, #666 0%, #444 60%);
    padding:10px;
    color:#ffffff;
    line-height: 40px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}
a.welcome_link:hover
{
    color: #ff8f1f;
}
#welcome_link_block
{
	margin:40px 0px;
}
/* about, terms_and_conditions *********************************************************************************/
#about, #terms_and_conditions
{
	width:800px;
	margin:0px auto;
}
#about p, #terms_and_conditions p
{
	/*font-size:120%;*/
	margin:15px 0px;
	text-align: justify;
}

/* design *********************************************************************************/
.events_list
{
    border-top: solid 1px #bbbbbb;
    margin:0px 0px 10px 0px;
}
.events_list_sort_zone
{
	text-align:right;
	padding-right:50px;
}
.sortBy
{
	color:#666666;
}
.events_index_row
{
	padding-left: 5px;
	h eight:22px;
	background-color:#FAEEE1;
	border-bottom: solid 1px #bbbbbb;
	cursor:pointer;
}

.events_index_altrow
{
    padding-left: 5px;
    h eight:22px;
    background-color:#E2EEF4;
    border-bottom: solid 1px #bbbbbb;
    cursor:pointer;
}

.events_index_row:hover, .events_index_altrow:hover
{
	background-color:#FDC995;
}

.events_index_row .event_title, .events_index_altrow .event_title
{
    display:inline-block;
    line-height:30px;
    width:80%;
}
.events_index_row .total_registrations, .events_index_altrow .total_registrations
{
    display:inline-block;
    line-height:30px;
    width:15%;
    color:#888;
}
.events_index_row .links, .events_index_altrow .links
{
    display:inline-block;
    lin e-height:30px;
    width:5%;
}
.paging
{
    text-align:center;
    padding:5px;
    margin-bottom:10px;
}
.paging .disabled
{
    color:#ababab;
}
div.event_form
{
    width:850px;
    margin:10px auto;
    /*background-color:yellow;*/
}


#steps
{
	height:60px;
	clear:both;
	/*background-color:yellow;*/
}
.step_link
{
	display:block;
	font-size:120%;
    float:left;
    border:solid 1px #888;
    padding:0px;
    width:100px;
    text-align:center;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background-color:#63B500;
    color:#fff;
}
.step_link:hover
{
	text-decoration: none;
	background-color:#80C72B;
}
.step_title
{
    font-size:120%;
    float:left;
    border:solid 1px #888;
    padding:0px;
    width:100px;
    text-align:center;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
 }
.step_separator
{
    float:left;
    padding-top:7px;
}
.inactive_step
{
	color:#C4C4C4;
	border:solid 1px #C4C4C4;
}

/* fields form ***************************************************************************/
#header_text_preview, #event_form_preview, #footer_text_preview, #header_list_text_preview, #event_list_preview, #confirmation_text_preview
{
   border:dashed 1px #888;
   background-color:#fff;
   -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
   margin:10px 0px;
   padding:5px;
}
#header_text_preview textarea, #footer_text_preview textarea, #header_list_text_preview textarea, #confirmation_text_preview textarea
{
	width:98%;
	height:100px;
}
.light
{
	color:#ccc;
}
#questions_toolbar
{
	text-align:center;
	margin:40px auto;
}
#questions_types
{
	width:840px;
	margin:40px auto;
}
.qtype
{
	float:left;
	width:200px;
	padding:5px;
	text-align:center;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}

.qtype:hover
{
	/*background-color:#C0EECB;*/
	background-color:#FF9224; /* fallback */
    background: -webkit-linear-gradient(300deg, #FF9224 0%, #FFCF9E 80%);
    background:    -moz-linear-gradient(300deg, #FF9224 0%, #FFCF9E 80%);
    
	cursor: pointer;
}
#new_question, #edit_question
{
	border:solid 1px #888;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
	padding:5px;
	
	background-color:#F4EACE;
	
	/*
	background-color:#FCE8D5;
	background: -webkit-linear-gradient(300deg, #FCE8D5 0%, #fff 80%);
    background:    -moz-linear-gradient(300deg, #FCE8D5 0%, #fff 80%);
    */
	/*
	background-color:#FF9224; / * fallback * /
    background: -webkit-linear-gradient(300deg, #FF9224 0%, #FFCF9E 80%);
    background:    -moz-linear-gradient(300deg, #FF9224 0%, #FFCF9E 80%);
    */
}
#QuestionAddFieldForm .error span, #QuestionEditForm .error span 
{
	background-color: #fff;
	margin:-3px 3px 5px 3px;
	padding:2px;
}
#QuestionAddFieldForm input, #QuestionAddFieldForm textarea, #QuestionAddFieldForm .width_resizable, #QuestionAddFieldForm .size_resizable,
#QuestionEditForm input, #QuestionEditForm textarea, #QuestionEditForm .width_resizable, #QuestionEditForm .size_resizable
{
	/*margin-bottom:15px;*/
}
#QuestionAddFieldForm .label, #QuestionEditForm .label
{
	font-size:120%;
	margin:15px 0px 0px 3px;
}
.field_legend
{
	margin-left:5px;
	font-style: italic;
}
#questions_list
{
	background-color:#fff;
	width:840px;
	margin:10px auto;
	border:solid 1px #888;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
	overflow: hidden;
}
.question_preview
{
	padding:5px;
}
.question_preview:hover
{
	background-color:#F4EACE;
	border-top:dotted 1px #888;
	border-bottom:dotted 1px #888;
}
.no_hover:hover
{
	background-color:inherit;
}
.question_preview .move_zone
{
	float:left;
	width:35px;
}
.question_preview .move_zone img
{
	cursor:move;
}
.question_preview input, .question_preview textarea
{
	color:#bbb;
	font-style: italic;
}
#fake_row
{
	background-color:#bbb;
	color:#fff;
	text-align:center;
}
.question_preview .label
{
	font-size:120%;
    margin-left:3px;
}
.question_description
{
	margin-left:35px;
	padding:0px 0px 3px 5px;
	font-style: italic;
}
.disabled
{
	color:#bbb;
}
.disabled:hover
{
    background-color:inherit;
}
.editing
{
	border-top:solid 1px #888;
	border-bottom:solid 1px #888;
    padding:5px;
    background-color:#F4EACE;
}
#choice_answers li
{
	margin-bottom:15px;
	padding:5px;
	border: solid 1px #E3D7B8;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
	background-color: #F8F2E0;
}
.maximum_choosed
{
	padding-left:20px;
}
.maximum_answered
{
	float:right;
	margin-left:50px;
	color:#888;
	font-style:italic;
}
.question_preview .checkbox, .question_preview .radio
{
	padding:5px 0px;
}
.question_preview .checkbox:hover, .question_preview .radio:hover 
{
	background-color:#E4D9CE;
}
/* already built form ***************************************************************************/
table.event_form
{
    margin:15px 0px;
    /*border: solid 1px #888;*/
}
table.event_form tr.light_hover:hover
{
	background-color:#f1f1f1;
}
table.event_form tr td 
{
    padding:5px;
    border-bottom:solid 1px #e5e5e5;
}
table.event_form tr:last-child td
{
	border-bottom:none;
}
table.event_form tr td.label
{
    width:150px;
}
table.event_form tr td.field
{
}
table.event_form .question_description, table.event_form .error
{
    margin:1px 0px 4px 5px;
    padding:0px;
    font-style: italic;
}
table.event_form div.checkbox, table.event_form div.radio
{
	margin-bottom:3px;
}
table.event_form div.checkbox label, table.event_form div.radio label, #questions_list div.checkbox label, #questions_list div.radio label  
{
	margin-left:3px;
}
/* edit design *********************************************************************************/
.color_preview
{
	line-height:20px;
	width:25px;
	padding:2px 5px;
	border:solid 1px #888;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}
.color
{
	width:60px;
}
/* registrations *********************************************************************************/
#top_scrollbar_wrapper
{
	height:20px;
	overflow:auto;
}
#top_scrollbar
{
	height:20px;
}
#scroll_list_wrapper
{
	overflow:auto;
	margin-top:10px;
}
#scroll_list
{
    overflow:auto;
}
tr.spam td
{
	color:red;
}
/* messages *********************************************************************************/

tr.new_message td
{
	font-weight: bold;
}

/* notifications *********************************************************************************/
.notification_view
{
	margin:20px auto;
	width:600px;
}
/* donate *********************************************************************************/
.donate_box
{
	margin:20px 0px;
	padding:10px;
    border:solid 1px #454545;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}
.donate_strong
{
    color: #FF9F2F;
    font-weight: bold;
}
.donate_box p
{
    margin:10px;
}
#donate_btn
{
	background-color:#FBE6BB;
	cursor:pointer;
}
#donate_btn:hover
{
    background-color:#FEC389;
}
/* forms *********************************************************************************/
.event_list_box
{
	background-color:#eee;
	border:solid 1px #454545;
    margin-top:10px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    padding:5px;
}
/* forms *********************************************************************************/
input, textarea, button
{
    border:solid 1px #454545;
    margin-bottom:3px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    padding:5px;   
}
input[type="checkbox"], input[type="radio"]
{
    border: 0;
}
input[type="submit"], button, #filterFieldsBtn
{
    margin-top:10px;
    background-color:#CDCDCD;
    color:#111;
}
input[type="submit"]:hover, button:hover, #filterFieldsBtn:hover
{
    background-color:#DFD5CB;
}
input:focus, textarea:focus, select:focus
{
    -webkit-box-shadow:0px 0px 4px #2E759A;
       -moz-box-shadow:0px 0px 4px #2E759A;
            box-shadow:0px 0px 4px #2E759A;
}
.toplabel
{
    font-size:120%;
    margin-left:5px;
}
input[required="required"], .required input, input.required, textarea.required, .required textarea
{
	background-color: #FFDF7F;
}
.disabled input
{
	background-color:#eee;
}
.input .error-message
{
	padding-left:10px;
}
.inputDate
{
    width:80px;
    text-align:center;
}
.inputDatetime
{
    width:140px;
    text-align:center;
}
.inputTimeHm, .inputTHm 
{
    width:45px;
    text-align:center;
}
.inputTimeHms, .inputTHms 
{
    width:65px;
    text-align:center;
}
.smallBox
{
    width:50px;
}
.mediumBox
{
    width:100px;
}
.normalBox
{
    width:150px;
}
.largeBox
{
    width:200px;
}
.megaBox
{
    width:300px;
}
.gigaBox
{
    width:400px;
}
.teraBox
{
    width:600px;
}
.petaBox
{
	width:800px;
}
.petaBoxWidth
{
    width:800px;
    padding:10px;
}
textarea.gigaBox
{
    height:150px;
}
textarea.teraBox
{
    height:200px;
}
.inputDate, .inputColor
{
    width:80px;
}
.inputDatetime
{
    width:140px;
}
.inputNumber
{
    
}
::-webkit-input-placeholder 
{
    color: #ccc;
}
:-moz-placeholder 
{
    color: #ccc;
}
textarea::-webkit-input-placeholder 
{
    font-size:120%
}
textarea:-moz-placeholder 
{
    font-size:120%
}
.width_resizable, .size_resizable
{
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
	background-color:#ffffff;
}
/**********************************************************************************/

table.administration
{
    width:100%;
}

tr.sortHeader th
{
    border-top:solid 1px #bbbbbb;
    text-align:left;
    padding-left:10px;
}
.registrations_list tr.sortHeader th, .messages_list tr.sortHeader th 
{
    border-top:none;
}
tr.searchHeader  td
{
    padding-left:0px;
    padding-bottom:0px;
}
tr.searchHeader > td
{
    border-bottom:solid 1px #bbbbbb;
    padding-bottom:10px;
    vertical-align: bottom;
}
.registrations_list tr.searchHeader > td, .messages_list tr.searchHeader > td
{
    padding-left:5px;
    padding-right:5px;
}
tr.searchHeader table
{
    margin-bottom:-2px;
}
tr.searchHeader input[type=submit], #filterFieldsBtn
{
	background-image: url(../img/design/search.png);
	background-repeat: no-repeat;
	background-position:3px 3px;
	width:110px;
	text-align:right;
}
th.actions, td.actions
{
    width:50px;
    text-align:right;
    padding-right:10px;
}
.asc
{
    padding-left:25px;
    background-image:url('../img/design/asc.gif');
    background-repeat: no-repeat;
}
.desc
{
    padding-left:25px;
    background-image:url('../img/design/desc.gif');
    background-repeat: no-repeat;
}
.row td
{
    background-color:#ffffff; /* to force the color if the line is too large */
}
.altrow td
{
    background-color:#EAD4C9;
}
.logrow
{
    background-color:#ffffff;
    border-top:solid 1px #bbb;
}
.logaltrow
{
    background-color:#EAD4C9;
    border-top:solid 1px #bbb;
}
.validated td
{
	background-color:#C8F9CB
}
.alt_validated td
{
    background-color:#B1F9B5
}
.graysed
{
    background-color:#888;
    color: #000;
    border-left: solid 1px #fff;
}
td.graysed
{
	width:10px;
	overflow: hidden;
}
table.registrations_list
{
	margin-left:auto;
	margin-right:auto;
}
.registrations_list tr.row td.private, .registrations_list tr.row td.private a
{
    color:#666;
}
.registrations_list tr.row td.private a:hover, .registrations_list tr.altrow td.private a:hover
{
	color:#ff8f1f;
}
.registrations_list tr.altrow td.private, .registrations_list tr.altrow td.private a
{
   color:#666;
}
tr.evil td
{
	background-color:#bbb;
}
tr.payer td
{
	background-color:#C8F9CB;
}
/* charts *********************************************************************************/
table.statistic td
{
	padding:1px;
}
.chart_bar
{
	background-color:#4191BB;
	padding:2px;
	border-radius:5px;
	background-color:#1C668C; /* fallback */
    background: -webkit-linear-gradient(-90deg, #1C668C 0%, #4899C3 100%);
    background:    -moz-linear-gradient(-90deg, #1C668C 0%, #4899C3 100%);
    color:#fff;
}
.current_chart_bar
{
    background-color:#4191BB;
    padding:2px;
    border-radius:5px;
    background-color:#1C668C; /* fallback */
    background: -webkit-linear-gradient(-90deg, #1C8C3D 0%, #46F07B 100%);
    background:    -moz-linear-gradient(-90deg, #1C8C3D 0%, #46F07B 100%);
    color:#fff;
}
/* flash messages *********************************************************************************/
.created_modified_zone
{
	margin: 10px 0px;
}
.error-message, .error
{
    color:#ff0000;
    margin-bottom:10px;
}
ul.error
{
    list-style: none;
}
#flashMessage
{
	width:300px;
    margin:15px auto;
    text-align:center;
}
#flashMessage.error
{
    color:#ff0000;
}
#flashMessage.message
{
    color:#04AF0D;
}
.hidden
{
    display:none;
}
.cake-debug-output, .cake-sql-log
{
    background-color:yellow;
    color: #000;
}