/* /call/templates/base.css */


/* settings which affect 'base.html' */

body {
                background-color:#DDFFDD;
                font-family:sans-serif;
                font-size:12px;
    }

div#login_page{
                font-family:sans-serif;
                text-align:center;
                margin-left:auto;
                margin-right:auto;
}

div#login_error{
                font-size:600%;
}

/* links */
A:link 		{background-color:transparent; color:#5F654F ;text-decoration:none;}
A:visited 	{background-color:transparent; color:#5F654F ;text-decoration:none;}
A:hover 	{background-color:transparent; color:#5F654F ;text-decoration:none;}
A:active 	{background-color:transparent; color:#5F654F ;text-decoration:none;}

/* last update information */
.updatenotice   {
            	text-align:center;
            	font-size:100%;
            	font-weight:bold;
            	color:black;
            	background-color:transparent;
}


/* contact information, at bottom of each page */
.contactinfo{
            	text-align:center; 
            	padding-top:5px;
            	font-size:100%;
            	font-weight:bold;
            	color:black;
            	background-color:transparent;
                
}



/* creative commons notice at bottom of each page */
.ccnotice 	    {
    			text-align:right; 
    			padding-top:5px;
    			font-size:90%;
    			color:black;
    			background-color:transparent;
}

td#center_column{
                background-color:blue;
}





/* settings which affect 'layout1.html' */

/* the main header */
.header 	    {
    			text-align:center; 
}


h1              {
                font-weight:bold;
                font-size:400%;
                color:black;
                margin:3px;
}

h2              {
                font-weight:bold;
                font-size:200%;
                color:black;
                margin:5px 0px 10px;
}

h3              {
                font-weight:bold;
                font-size:150%;
                color:black;
                padding:0px;
                margin:0px 3px;
}

h4              {
                font-weight:bold;
                font-size:100%;
                color:black;
                padding:3px;
                margin:0;
}



/* the topmenu and admin menu */
.topmenu     	{
    			text-align:center; 
    			padding:0px;
    			font-weight:bold;
    			font-size:95%;
    			color:black;
    			background-color:transparent;
}

.topmenu a:link 	{background-color:transparent; color:black; font-weight:bold; font-size:95%; text-decoration:none;}
.topmenu a:visited 	{background-color:transparent; color:black; font-weight:bold; font-size:95%; text-decoration:none;}
.topmenu a:hover 	{background-color:transparent; color:black; font-weight:bold; font-size:95%; text-decoration:none;}
.topmenu a:active 	{background-color:transparent; color:black; font-weight:bold; font-size:95%; text-decoration:none;}


/* page title */
.page_title {
			text-align:center; 
			padding-top:5px;
			color:black;
			background-color:transparent;
}


/* messages, also controls messages shown on front page */
.message_header{
                height:26px;
                position:relative;
                clear:both;
}

.message_title {
                float:left;
                text-align:left;
    			color:black;
    			padding:0px;
    			margins:0px;
}

.message_author {
                position:absolute;
                bottom:0%;
                right:0;
                text-align:right;
    			font-weight:bold;
    			font-size:80%;
    			color:black;
}

.message_delete {
                position:absolute;
                bottom:0%;
                text-align:left;
    			font-size:70%;
    			color:black;
}

.message_text  {
                clear:both;
    			text-align:left; 
    			font-size:90%;
    			color:black;
    			background-color:transparent;
    			margin:2px 0px 30px;
}

.message_line  {
                height:1px;
                margin:0px;
                width:100%;
                clear:both;
    			background-color:black;
}



/* info, controls information page */

.info_header{
                height:26px;
                position:relative;
                clear:both;
}

.info_title {
                float:left;
                text-align:left;
    			color:black;
    			padding:0px;
    			margins:0px;
}


.info_delete {
                position:absolute;
                bottom:0%;
                text-align:left;
    			font-size:70%;
    			color:black;
}

.info_position {
                position:absolute;
                bottom:0%;
                right:0;
                text-align:right;
    			font-weight:bold;
    			font-size:80%;
    			color:black;
}

.info_text  {
                clear:both;
    			text-align:left; 
    			font-size:90%;
    			color:black;
    			background-color:transparent;
    			margin:2px 0px 30px;
}

.info_line  {
                height:1px;
                margin:2px;
                width:100%;
                clear:both;
    			background-color:black;
}

div.field_wrapper{
                padding:10px;
                width:600px;
                margin-left:auto;
                margin-right:auto;
}

div.title_field{
                float:right;
}

textarea#id_text{
                width:600px;
}

input#id_title{
                width:550px;
}

/* exercises, controls exercise-page and exercises on main page */

table#exercises_table{
                width:100%;
                text-align:center;
                margin-left:auto;
                margin-right:auto;
}

.exercises_column{
                width:15%;
}
.exercises_column_empty{
                width:10%;
}

.exercises_delete {
                text-align:center;
    			font-size:70%;
    			color:black;
}


/* ----------- FORM ------------ */

p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:600px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
padding:6px 0px 0px 0px;
width:300px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:300px;
}
#stylized input{
float:left;
font-size:15px;
padding:4px 2px 0px 2px;
border:solid 1px #aacfe4;
width:290px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:475px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}