* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box; /* safari 3 needs this */
}
body,html {
	padding:0px;
	margin:0px;
	/*
	background-image:url(../images/bg_graduation.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-attachment:fixed;
	*/
	background-color:#eeeeee;
	color:black;
	font-family:arial,verdana;
	font-size:12px;
	line-height:18px;
}
table.contenttable td,table.contenttable td p.bodytext {
	font-size:12px;
}
h1,h2,h3 {
	display:inline;
	padding:0px;
	margin:0px;
}
h1 {
	font-size:14pt;
	color:#393d49;
	line-height:18pt;
}
h2 {
	font-size:9pt;
	color:#393d49;
}
h3 {
	font-size:11pt;
	line-height:14pt;
	color:#393d49;
}
img {
	border:0px;
}
ul {
	list-style-type: disc;
	list-style-image: url(/fileadmin/templates/images/bullet_point_blue.gif);
	list-style-position: outside;
	margin:0px;
	padding-left:15px;
}
div {
	text-align:left;
}
hr {
	display:inline-block;
	width:100%;
	height:1px;
	background-color:#d0d0d0;
	color:#d0d0d0;
	margin-top:10px;
	margin-bottom:10px;
	border:0px;
}
a {
	color:#4280A2;
	text-decoration:none;
	font-weight:normal;
}
a:hover {
	color:#4280A2;
	text-decoration:underline;
}
/*************** DIVS *********************/
div#container {
	background-image:url(../images/bg_graduation.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#eeeeee;
	border:0px solid purple;
	text-align:center; /* centers child divs in IE */
	overflow:auto;
	overflow-x:hidden;
	padding-bottom:50px;
}
div#marge_top {
	background-color:#323335;
	height:8px;
	border-bottom:0px solid red;
}
div#marge_top_2 {
	background-color:#84898d;
	text-align:center; /* centers child divs in IE */
	height:33px;
	border:0px solid red;
}
div#content_top {
	width:980px;
	border:0px solid green;
	margin: 0 auto; /* centers div in FF */
}
div#content_top_left {
	padding-top:5px;
	padding-left:20px;
	border:0px solid blue;
	float:left;
	color:white;
	font-size:8pt;
}
div#content_top_left form {
	color:white;
}
div#content_top_right {
	border:0px solid blue;
	float:right;
	padding-right:20px;
	vertical-align:bottom;
	padding-top:5px;
}
div#container_shadow_1, div#container_shadow_2 {
	width:1010px;
	background-image:url(../images/shadow.png);
	background-repeat:repeat-y;
	border:0px solid blue;
	padding-left:15px;
	margin: 0 auto; /* centers div in FF */
}
div#container_shadow_1 {
	background-image:url(../images/upper_rev.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	
}
div#container_site_1, div#container_site_2 {
	border:0px solid green;
	width:980px;
	background-color:white;
	
}
div#header_left, div#header_right {
	height:80px;
	vertical-align:bottom;
	
	
}
div#header {
	height:86px;
	border:0px solid black;
}
div#header_left {
	float:left;
	width:600px;
	border:0px solid #f9f9f9;
	margin-left:20px;
	/*
	background-image:url(../images/eau_logo.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	*/
}
div#header_right {
	position:relative;
	width:300px;
	text-align:right;
	margin-right:20px;
	float:right;
	border:0px solid #f9f9f9;
}
div#header_right input {
	color:#c0c0c0;
	font-size:8pt;
}
div#menu_main {
	padding-left:20px;
	border:0px solid black;
	height:40px;
}
div#top_banner {
	height:182px;
	padding-left:20px;
	margin:0px;
	border:0px solid blue;
}
div#breadcrumb {
	height:30px;
	margin-left:20px;
	margin-right:20px;
	padding-top:6px;
	border-bottom:1px solid #d0d0d0;
}
div#breadcrumb_left,div#breadcrumb_right {
	color:#808080;
	font-size:11px;
}
div#breadcrumb_left a {
	color:#808080;
	text-decoration:none;
}
div#breadcrumb_left {

	float:left;
}
div#breadcrumb_right {
	float:right;
}
div#container_content {
	padding-left:10px;
	border:0px solid blue;
	
}
div.content_left {
	width:240px;
	float: left;
	border:0px solid black;
	padding:25px 10px 20px 10px;
}

div.content_right {
	width:720px;
	float: left;
	border:0px solid black;
	text-align:justify;
	padding:30px 10px 20px 10px;
}

div.content_right li {
	padding-bottom:7px;
}
div.clearer {
	clear:both;
}
div#marge_middle {
	height:20px;
	
}
div#menu_bottom {
	margin:10px 20px 0px 20px;
	padding-left:20px;
	padding-top:4px;
	border:0px solid red;
	height:25px;
	background-color:#4B94BD;
}
div.mbc {
	color:white;
	float:left;
	padding-right:25px;
}
div.mbc a {
	color:white;
	text-decoration:none;
}
div#container_content_bottom {
	border:0px solid blue;
}
div#sccb {
	border:0px solid purple;
	margin-left:20px;
	margin-right:20px;
	padding-bottom:40px;
	background-image:url(../images/quick_nav_bg_graduation.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}
div#sccb_c1, div#sccb_c2, div#sccb_c3, div#sccb_c4 {
	width:219px;
	float:left;
	padding:20px;
	border:0px solid blue;
	margin-left:20px;
}
div#sccb_c1 {
	margin-left:0px;
}
div#container_shadow_3 {
	height:55px;
	width:1010px;
	margin: 0 auto; /* centers div in FF */
	background-image:url(../images/lower.png);
	background-repeat:no-repeat;
	background-position:top left;
	border:0px solid green;
}

/**************************
******* MENUS *************
**************************/


/* MENU ITEMS TOP MENU */

/* tmenu_layers list css */
div.menu1 ul,
div.menu2 ul,
ul.tx_jkpoll_pi1_answers,
div.menu1 li,
div.menu2 li {
	display:inline;
	list-style:none outside none;
	padding:0px;
	margin:0px;
}

div.menu1 {
	padding-left:0px;
	border:0px solid black;
	background-image:url(/fileadmin/templates/images/menu_bar_one_pixel.gif);
	background-repeat:repeat-x;
	width:940px;
	height:34px;
}
div.menu1 div.li_menu1_middle {
	float:left;
	height:34px;
	/*margin-left:15px;
	margin-right:15px;*/
	background-image:url(/fileadmin/templates/images/menu_bar_center.gif);
	background-repeat:repeat-x;
	/*padding-top:8px;*/
	border:0px solid red;
}
	
div.menu1 div.li_menu1_middle a {
	color:white;
	font-family:verdana;
	font-size:12px;
	text-decoration:none;
	/*padding:10px 15px 10px 15px;*/
}
div.menu1 div.li_menu1_middle:hover,div.menu1 div.li_menu1_act {
	background-image:url(/fileadmin/templates/images/menu_bar_center_ro.gif);
	background-repeat:repeat-x;
}
div.menu2 {
	border:0px solid blue;
	background-image:url(/fileadmin/templates/images/drop_down_menu_bg.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding-top:5px;
	padding-bottom:15px;
	width:200px;
}
div.menu2 div.li_menu2 {
	padding:1px 0px 1px 0px;
}
div.menu2 div.li_menu2 a {
	display:block;
	color:black;
	text-decoration:none;
	font-family:arial;
	font-size:11px;
	border:0px solid black;
	padding:2px 10px 2px 15px;
}
div.menu2 div.li_menu2 a:hover,div.menu2 div.li_menu2_act a {
	font-weight:normal;
	text-decoration:underline;
}
div.menu2 div.li_menu2_act a {
	/*
	background-image:url(/fileadmin/templates/images/blue_triangle_right.jpg);
	background-repeat:no-repeat;
	background-position:5px 5px;
	*/
}


/********* MENU LEFT ************/

div.content_left li a {
	display: block;
}
div.content_left li a:hover {
	background-image:url(/fileadmin/templates/images/rollover_bg.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-decoration:underline;
	color:#232323;
	
}

div.menuleft-1 ul,div.menuleft-2 ul,div.menuleft-3 ul {
	display:inline;
	list-style:none outside none;
	padding:0px;
	margin:0px;
}
div.menuleft-1-item,div.menuleft-2-item,div.menuleft-3-item {
	vertical-align:middle;
	border:0px solid red;
	padding-top:1px;
	padding-bottom:1px;
	background-image:url(/fileadmin/templates/images/menu_divider_line.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
div.menuleft-1-item a {
	padding-left:15px;
}
div.menuleft-2-item a {
	padding-left:30px;
}
div.menuleft-3-item a {
	padding-left:45px;
}
div.menuleft-1-item img,div.menuleft-2-item img,div.menuleft-3-item img {
	float:left;
	margin-left:2px;
	margin-top:10px;
}
div.menuleft-2-item img {
	margin-left:17px;
}
div.menuleft-1-item a,div.menuleft-2-item a,div.menuleft-3-item a {
	color:#232323;
	text-decoration:none;
	padding-top:6px;
	padding-bottom:6px;
}
div.menuleft-1-item-cur a,div.menuleft-2-item-cur a,div.menuleft-3-item-cur a {
	background-image:url(/fileadmin/templates/images/rollover_bg.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-decoration:underline;
}
div.menuleft-1-item-cur,div.menuleft-2-item-cur,div.menuleft-3-item-cur {
	/*background-color:#a50058;*/
	/*background-color:#4B94BD;*/
}
div.menuleft-1-item-act a,div.menuleft-2-item-act a,div.menuleft-3-item-act a {
	/*color:#a50058;*/
	color:#232323;
	
}

/******** menu bottom subs **********/
div.sccb_menu ul,div.menu_bottom ul {
	display:inline;
	list-style:none outside none;
	padding:0px;
	margin:0px;
}
div.sccb_menu a {
	color:black;
	text-decoration:none;
}
div.sccb_menu a:hover {
	text-decoration:underline;
}

/********* menu bottom horizontal *********/
div.menu_bottom {
	border:0px solid black;
}
div.menu_bottom a {
	text-decoration:none;
	color:white;
}
div.menu_bottom li {
	float:left;
	padding-right:20px;
	border:0px solid red;
}


/********* FLEXIBLE CONTENT ELEMENTS **********/
div.content_block_21,div.content_block_11,div.content_block_111,div.content_block_3 {
	border:0px solid purple;
	padding:0px;
	margin:0px;
}
div.content_1_column,div.content_2_column,div.content_3_column {
	float:left;
	border:0px solid green;
	text-align:justify;
	padding:0px;
	overflow:hidden;
}
div.content_1_column {
	padding-left:20px;
	width:200px;
	border:0px solid red;

}
div.content_2_column {
	padding-right:20px;
	border:0px;
	border:0px solid black;
	width:500px;

}
div.content_3_column {
	width:700px;
	
}

div.content_1_column_left,div.content_1_column_right {
	float:left;
	border:0px solid green;
	text-align:justify;
	overflow:hidden;
	width:240px;
}
div.content_1_column_left {
	padding-right:10px;
}
div.content_1_column_right {
	padding-left:10px;
}

div.content_block_fill_gray {
	background-color:#383d49;
	color:white;
	padding:15px;
	margin:15px 0px;
}
div.content_block_fill_gray h1 {
	color:white;
}
	

/****** LOGIN BOX tx-loginboxmacmade-pi2 ************/
div.tx-loginboxmacmade-pi2 {
	color:#323335;
}
div.tx-loginboxmacmade-pi2 form {
	display:inline;
}
div.tx-loginboxmacmade-pi2 input.input_text {
	width:100px;
	font-family:arial;
	font-size:9px;
	background-color:#ffffff;
	border:1px solid #dcdcdc;
}
div.tx-loginboxmacmade-pi2 input.login_button {
	font-size:7pt;
	
}

/* calendar */
div#urocal div.calendar_search {
	width:700px;
	height:83px;
	background-image:url(/typo3conf/ext/calendar/pi1/images/bg_search_700x83.jpg);
}
div#urocal table.contenttable td,
div#urocal td,
div#urocal p.bodytext {
	font-size:11px;
	color:#6a6a6a;
}
div#urocal p.bodytext {
	padding:0px;
	margin:0px;
	padding-bottom:10px;
}

div#urocal div.calendar_search div {
	padding:8px;
	font-size:11px;
	border:0px solid black;
	color:#808080;
}
div#urocal div.calendar_search div.calendar_search_top {
	padding-top:15px;
	padding-right:20px;
	text-align:right;
	vertical-align:middle;
	color:#808080;
	
}
div#urocal input.button,div#urocal input {
	font-size:10px;
}
div#urocal div.calendar_search_bottom {
	margin-left:10px;
}
div#urocal div.calendar_search_bottom input.search_for {
	width:250px;
}
div#urocal div.calendar_search_bottom select {
	font-size:12px;
	width:200px;
}
div#urocal th.calendar_header {
	background-color:#4A94BE;
	text-align:left;
}
div#urocal th.calendar_header {
	color:white;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	padding:7px;
}
div#urocal table.calendar_content_table {
	border:0px;
}
div#urocal div.calendar_content {
	
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
	width:700px;
	padding:3px;
}
div#urocal td.calendar_row {
	color:#6a6a6a;
	vertical-align:top;
	font-size:11px;
	border-top:1px solid #e5e5e5;
	padding:7px;
}
div#urocal td.calendar_row a {
	text-decoration:none;
	color:#6a6a6a;
}
div#urocal td.calendar_row_even {
	background-color:#ffffff;
}
div#urocal td.calendar_row_odd {
	background-color:#F7F8F8;
}
div#urocal div.calendar_year_tab {
	width:86px;
	height:25px;
	padding-left:30px;
	padding-top:7px;
	padding-bottom:2px;
	cursor:pointer;
	float:left;
	font-size:11px;
	color:#6a6a6a;
}
div#urocal div.calendar_year_tab_last {
	border-bottom:1px solid #efefef;
	height:25px;
	float:left;
}
/********** table ************/
div.stafftable td {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-width: 0px;
	border-right-style: none;
	border-left-width: 0px;
	border-left-style: none;
	border-bottom-color: #CCC;
	font-size:12px;
}

div.plaintable td {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	padding-bottom: 5px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-right-width: 0px;
	border-right-style: none;
	border-left-width: 0px;
	border-left-style: none;
	font-size:11px;
}
div.plaintable td.outlined_block {
	border: 1px solid #e0e0e0;
	padding: 5px;
	margin:0px;
}

div.charttable td {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	padding-bottom: 0px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-right-width: 0px;
	border-right-style: none;
	border-left-width: 0px;
	border-left-style: none;
	font-size:12px;
}
div.charttable td.outlined_block {
	border: 1px solid #e0e0e0;
	padding: 5px;
	width:140px;
}
div.charttable td p.bodytext {
	padding:0px;
	margin:0px;
}
table.contenttable {
	font-size: 12px;
	line-height:18px;
}
div.csc-textpic-text {
	
}
/************* MEMBER APPLICATION FORM + COA + mail form plus *****************/
div.tx-eausessatt-pi1 table,
div.tx-thmailformplus-pi1 table,
div.tx-eaumemberapplication-pi1 table, 
div.tx-eaucoa-pi1 table,
div.tx-altabstracts-pi1 table {
	width:auto;
	background-color:#F7F7F7;
}
div.tx-eausessatt-pi1 table,
div.tx-thmailformplus-pi1 table,
div.tx-eaucoa-pi1 table.question_bg,
div.tx-altabstracts-pi1 table {
	width:460px;
}
div.tx-eaumemberapplication-pi1 table.sub {
	border:0px solid black;
}
div.tx-eaumemberapplication-pi1 table.application {
	background-color:#F7F7F7;
	width:470px;
}
div.tx-eausessatt-pi1 th,
div.tx-thmailformplus-pi1 th,
div.tx-eaumemberapplication-pi1 th.header-field,
div.tx-eaucoa-pi1 th,
div.tx-altabstracts-pi1 th {
	text-align:left;
	font-size:9pt;
	font-family:tahoma;
	color:white;
	padding:5px 0px 5px 10px;
	background-color:#4B94BD;
}
div.tx-eaumemberapplication-pi1 td.description-field {
	text-align:right;
	font-size:9pt;
	width:120px;
	padding:5px 20px 5px 5px;
	vertical-align:top;
	border:0px solid black;
}
div.tx-eausessatt-pi1 td,
div.tx-thmailformplus-pi1 td,
div.tx-eaumemberapplication-pi1 td.input-field,
div.tx-eaucoa-pi1 td,
div.tx-altabstracts-pi1 td {
	font-size:9pt;
	padding:5px 10px 5px 0px;
	vertical-align:top;
	border:0px solid black;
}
div.tx-eausessatt-pi1 td,div.tx-thmailformplus-pi1 td,div.tx-eaucoa-pi1 td {
	padding-left:5px;
}
div.tx-eaumemberapplication-pi1 td.general-field {
	font-size:9pt;
	vertical-align:top;
	border:0px solid black;
}
div.tx-eaumemberapplication-pi1 td.question-field {
	padding:20px;
	font-size:9pt;
	border:0px solid black;
}
div.tx-eaumemberapplication-pi1 td.error {
	color:red;
}
div.tx-eaumemberapplication-pi1 select, div.tx-eaumemberapplication-pi1 input.input-element {
	font-size:10pt;
}
div.tx-eaumemberapplication-pi1 input.input-element {
	width:300px;
	
}
div.tx-eaumemberapplication-pi1 input.input-element-prefix {
	width:50px;

}
div.tx-eaumemberapplication-pi1 input.input-element-phone {
	width:247px;

}
div.tx-eaumemberapplication-pi1 select.largeselect {
	width:300px;
}
div.tx-eaumemberapplication-pi1 td.date-space {
	width:10px;
}
div.tx-eaumemberapplication-pi1 div.memappl_left {
	float:left;
	width:470px;
	border:0px solid black;
}
div.tx-eaumemberapplication-pi1 div.memappl_right {
	float:left;
	width:230px;
	padding-left:10px;
	border:0px solid black;
	text-align:right;
	color:#4B94BD;
	font-size:10pt;
	padding-right:10px;
}
div.tx-eaumemberapplication-pi1 input.input-element-file {
	font-size:10px;
	width:300px;
}
div.tx-eaumemberapplication-pi1 textarea.txtarea {
	width:420px;
	height:100px;
	font-family:arial;
	font-size:9pt;
}

/************* GUIDELINES ARCHIVE ****************/
div.tx-eauguidelines-pi1 table {
	border-collapse:collapse;
	font-family:arial,verdana;
	font-size:11px;
	color:black;
	line-height:16px;
}
div.tx-eauguidelines-pi1 td {
	border:1px solid #e0e0e0;
}
div.tx-eauguidelines-pi1 th {
	background-color:#4A94BE;
	border:1px solid #4A94BE;
	border-bottom:1px solid #e0e0e0;
	font-size:14px;
	color:white;
	text-align:left;
}
/************** mail form ********************/
form#mailform
{
        margin: 0;
        padding: 0;
}

form#mailform div.csc-mailform-field label
{
        display: block;
        width: 150px;
        float: left;
        font: normal 10pt/1.2em Arial;
        margin-top: 1px;
        height: 17px;
}

form#mailform fieldset
{
        padding: 20px 20px 20px 20px;
}

form#mailform div.csc-mailform-field input
{
        width: 420px;
        font: normal 10pt/1.2em Arial;
}



form#mailform div.csc-mailform-field input#mailformformtype_mail
{
        float: left;
        width: 100px;
        font: normal 10pt/1.2em Arial;
}

textarea#mailformYour_Message
{
        width: 420px;
        height: 200px;
        font: normal 10pt/1.2em Arial;
}
textarea#mailformRemarks
{
        width: 420px;
        height: 200px;
        font: normal 10pt/1.2em Arial;
}
form#mailform input#mailformFrom, form#mailform input#mailformTo {
        width:100px;
}
form#mailform div.csc-mailform-label {
        font-size:12px;
        font-family:arial;
}

div.tx-eauwebshop-pi1 td,div.tx-eauwebshop-pi1 th {
	font-size:12px;
}
/******************* POLL *******************/
ul.tx_jkpoll_pi1_answers {
	display:inline;
	list-style:none outside none;
	padding:0px;
	margin:0px;
}
ul.tx_jkpoll_pi1_answers li {
	padding:0px;
	margin:0px;
	margin-left:5px;
}
div.tx-jkpoll-pi1 input.pollsubmit {
	margin-top:20px;
}
div.tx-jkpoll-pi1 input.pollanswer {
	padding:0px;
	margin:0px;
}

