/* IMPORT ADDITIONAL CSS */
@import url("grid.css");
@import url("reset.css");

img {border: none;}

body 
{
	font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif;
	font-size: 11px;
	line-height: 1.7;
	color: #333;
	background: #FFF;
}

#content
{
	padding-bottom: 10px;
	margin-top: 20px;
	height: 100%;
	background-color:#EAEBD8;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 0 0 20px #111111;
        -webkit-box-shadow: 0 0 20px #111111;
        box-shadow: 0 0 6px #ABABAB;	
}

.heading_solid { border-bottom:1px solid rgb(100,100,100); margin:10px 0px 10px 0px;}


/* ----- LISTS ----- */

ul {
        padding:0px;
        margin: 0px;
	min-height:150px;
}


.visible {
	position:relative;
	color: #EFEFEF;
	list-style: none;
	-moz-border-radius: 9px; 
	-webkit-border-radius: 9px; 
	border-radius: 9px;
        -moz-box-shadow: 0 0 8px #333;
        -webkit-box-shadow: 0 0 8px #333;
        box-shadow: 0 0 8px #333;
	margin-bottom: 10px;
	background-color: #4D6E9F;
}
.visible h4, .invisible h4
{
	color: #EFEFEF;
}

.visible h4 a, .invisible h4 a
{
	display: block;
	padding:0px; margin:0px;
        color: #EFEFEF;
}


.visible a { color:#222; text-decoration:none; }
.invisible {
	position:relative;
	color: #EFEFEF;
        margin: 0 0 5px;
        list-style: none;
	background-color: #A05A5A; 
        -moz-border-radius: 9px; 
        -webkit-border-radius: 9px; 
        border-radius: 9px;
        -moz-box-shadow: 0 0 4px #333;
        -webkit-box-shadow: 0 0 4px #333;
        box-shadow: 0 0 4px #333;
}

.text_backing 
{
        color:rgb(100,100,100);
	background-color:#fff; 
	padding:10px; 
        border: none;
        -moz-border-radius: 0px 0px 9px 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
}

.question_public    {padding-left: 10px;width:400px;}
.question_visible   {padding-left: 10px;width:340px;}
.question_invisible {padding-left: 10px;width:340px;}

.controls_public
{
	position:absolute;
	top:7px;
	right:5px;
	width:30px;
	float:right;
}

.controls_admin 
{
        position:absolute;
        top:7px;
        right:5px;
        width:90px;
        float:right;
}

/* ---- TYPE ----- */

h1,h2,h3,h4,p,a { padding:10px 0px 10px 0px ; color: rgb(80,80,80);}

h1 { font-size:36px; }
h2 { font-size:30px; }
h3 { font-size:24px; }
h4 { font-size:18px;font-weight:500;}

.highlight {font-weight:bold;}

.addNew {
	text-align: center;
	-moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        -moz-box-shadow: 0 0 4px #333;
        -webkit-box-shadow: 0 0 4px #333;
        box-shadow: 0 0 4px #333;
        border-radius: 9px;
        color:#FFFFFF;
        cursor:pointer;
        margin: 10px 0px 20px 0px;
        padding: 10px;
	width:120px;
	background-color: #E5E7CF ;
}

a {text-decoration: none;}
button:hover {background-color: #7894BE;}

button
{
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 13px;
	background-color: #4D6E9F;
	font-weight: bold;
        border:medium none;
        color:#FFFFFF;
        cursor:pointer;
        margin: 10px 2px 0px 4px;
        font-size: 12px;
	padding-left:18px;
	padding-right:18px;
	padding-top: 4px;
	padding-bottom: 4px;
        line-height: normal;
}

button.del		{background: #A05A5A;}
button.del:hover	{background-color: #B07474;}
button.add		{background: rgb(180,180,250);}
button.add:hover	{background-color:rgb(110,120,230);}

.header
{
	width: 400px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px;
        -moz-box-shadow: 0 0 10px #ABABAB;
        -webkit-box-shadow: 0 0 10px #ABABAB;
        box-shadow: 0 0 12px #ABABAB;
        border: none;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        padding-left:10px;
        padding-right:10px;
	padding-top:10px;
	padding-bottom:20px;
        background-color: #FFFFFF;
}

.main_title
{
	padding-left:10px;
	line-height: 42px;
	font-weight: bold;
	font-size: 24px;
	color: rgb(180,180,180);
	float: left;
}

.center
{
	text-align: center;
}

input, select, textarea
{
        -moz-box-shadow: 0 0 5px #ABABAB;
        -webkit-box-shadow: 0 0 5px #ABABAB;
        box-shadow: 0 0 6px #ABABAB;
	border: none;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        width: 200px;
        margin-bottom:5px;
        padding-top:4px;
        padding-bottom:4px;
	padding-left:10px;
        margin-left: 10px;
}

.right		{text-align: right;}
.formlabel
{
	padding-left:10px;
	padding-bottom:10px;
	padding-bottom: 10px;
	text-transform: capitalize;
}

.delete_form
{
	text-align: center;
        padding-top:20px;
        padding-bottom:10px;
        padding-left:5px;
        padding-right:10px;
        background-color:  #EAEBD8;
}


.edit_form
{
	padding-top:20px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:20px;
	background-color:  #EAEBD8;
}

textarea
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, sans-serif, Helvetica, Arial,tahoma;
	height: 200px;
	width: 400px;
	padding-top:10px;
}

textarea.question_input
{
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, sans-serif, Helvetica, Arial,tahoma;
        height: 50px;
        width: 500px;
        padding-top:10px;
	padding-bottom:10px;
}

textarea.answer_input
{
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, sans-serif, Helvetica, Arial,tahoma;
        height: 180px;
        width: 500px;
        padding-top:10px;
	padding-bottom:10px;
}

.actionbuttons
{
	text-align: center;
}