/* TheCypher - VisualComputing Template */

:link,:visited{ text-decoration:none; color:#37444F;}
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:2em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html
{
    text-align:left;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body
{
	background:#37444F;
	color: #fff;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: x-small;
}

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer
{
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear
{
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

#important
{
    color:#AA3322;
    border-color:#AA3322;
    border-width:5px;
    background: inherit;
}

/* ### Header ##################################################################### */

#header
{
    text-align: left;
    background-color:#444433;
    background-image:url(header_bgl_repeat.png);
    background-repeat:repeat-x;
	margin:0em;
	padding:0em;
	height:110px;
	overflow:hidden;
}

#header .logo
{
    height:110px;
    float: left;
    margin: 0px;
    padding: 0px;
    overflow:hidden;
}

#header .title
{
    height:110px;
    margin: 0px;
    padding: 0px -1px 0px 0px;
    overflow:hidden;
}

/* ### Navigation ####################################################################### */

#nav_main
{
    text-align: left;
    clear:both;
    color:#465A78;
    height:25px;
    min-width:100em;
    width:100%;
    background-color:#B4BEC8;
    background-image:url(nav_bg.png);
    background-repeat:repeat-x;
    font-weight:bold;
    font-size:1.1em;
    overflow:hidden;
}

#nav_box
{
    text-align: left;
    clear:both;
    color:#465A78;
    height:25px;
    width:900px;
    margin: 0em 0em 0em 20%;
    background-color:#B4BEC8;
    background-image:url(nav_bg.png);
    background-repeat:repeat-x;
    overflow:hidden;
}

#nav_main .nav_entry
{
    text-align: center;
    float:right;
    background-color:#B4BEC8;
    height:20px;
    width:140px;
    background-image:url(nav_bg.png);
    background-repeat:repeat-x;
    margin:0px 0px 0px 0px;
    padding:7px 0px 0px 0px;
}

#nav_main .active_entry
{
    text-align: center;
    float:right;
    width:160px;
    height:25px;
    background-image:url(nav_bg_blend.gif);
    background-repeat:no-repeat;
    padding:7px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#nav_left
{
    text-align: left;
    clear:both;
    color:#465A78;
    margin:0px 0px 0em 3em;
    font-weight:bold;
}

#nav_left .entry
{
    width: 95%;
    margin: 1.5em 0px 1.5em 0px;
    border-bottom:1px solid #B4BEC8;
    list-style-type:circle;
    vertical-align: top;
}

#nav_left .active_entry
{
    width: 95%;
    margin: 1.5em 0px 1.5em 0px;
    background-color:#FFFFFF;
    list-style-type:disc;
    vertical-align: top;
}

#subnav_left
{
    margin:5px 0px 5px 20px;
    font-weight:100;
}

#subnav_left .subentry
{
    width: 100%;
    margin:0px 0px 0.5em 0px;
    padding:0px;
    list-style-type:circle;
    vertical-align: top;
}

#subnav_left .active_subentry
{
    width: 100%;
    font-weight:bold;
    margin:0px 0px 0.5em 0px;
    padding:0px;
    background-color:#FFFFFF;
    list-style-type:disc;
    vertical-align: top;
}


/* ### Content #################################################################### */

#content_box
{
    width:100%;
    background-color:#FFFFFF;
    overflow: hidden;
}

#content
{
    float:left;
    background-color:#FFFFFF;
    color:#465A78;
    min-height:300px;
    width:120em;
}

#content table
{
    color:#465A78;
    margin: 2em 0em 3em 3em;
    width: 90%;
}

#content .box
{
    color:#465A78;
    margin: 0em 0em 3em 3em;
    border-bottom:1px solid #B4BEC8;
    width: 90%;
}

#content .box .head
{
    float: left;
    padding: 0.5em;
    border-bottom:1px solid #B4BEC8;
    font-weight: bold;
    font-size: 1.1em;
    max-width:35%;
    min-width:15%;
}

#content .box .row
{
    clear:both;
    margin: 0em 0em 0em 0em;
    border:0px solid #B4BEC8;
}

#content .box .cell
{
    float: left;
    padding: 0.5em;
    border:0px solid #B4BEC8;
    overflow:hidden;
    max-width:35%;
    min-width:15%;
}

#content .box .cell2
{
    float: left;
    padding: 0.5em;
    border:0px solid #B4BEC8;
    background-color:#F5F5F5;
    overflow:hidden;
    max-width:35%;
    min-width:15%;
}

#content .logo
{
    float: left;
    border:0px solid #B4BEC8;
    padding: 0.5em;
    margin: 0.5em;
    height: 60px;
	min-width:100px;
}

#content img
{
    padding: 5px;
    margin: 5px;
    border:1px solid #B4BEC8;
}

#content .group_img img
{
    padding: 2px;
    margin: 1em 35px 2em 35px;
    border:1px solid #B4BEC8;
}

#content .blank
{
    color: #ffffff;
    border:0px solid #B4BEC8;
}

#content .important
{
    color: #883333;
    background-color:#ffeeee;
    border:2px dashed #883333;
    margin: 1em;
}

#content .content_left
{
    float:left;
    background-color:#FFFFFF;
    width:250px;
    text-align: center;
}

#content .content_main
{
    text-align: left;
    float:left;
    background-color:#FFFFFF;
    width:600px;
    margin:10px;
    padding:10px;
    border-left:2px solid #D6D6D6;
    border-right:2px solid #D6D6D6;
    min-height:300px;
}

#content .content_right
{
    float:left;
    background-color:#ffffff;
    width:300px;
    text-align: center;
}

#content .title
{
    clear: both;
    text-align: left;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0.5em 0px 10px 0em;
    padding: 0em 0em 0em 0.5em;
    width:95%;
    border-bottom:1px solid #D6D6D6;
}

#content .sub_title
{
    clear: both;
    text-align: left;
    font-size: 1.3em;
    font-weight: bold;
    margin: 2em 0px 1.5em 1em;
    padding: 0em 0em 0em 0.5em;
    width:95%;
    border-left: 4px solid #D6D6D6;
}

#content .text
{
    clear: both;
    text-align: left;
    font-size: 1.1em;
    margin: 10px 10px 10px 20px;
}

#content .sub_text
{
    clear: both;
    text-align: left;
    font-size: 1.0em;
    margin: 0.5em 0px 2em 2em;
    width:90%;
}

#content .map
{
    text-align: center;
    font-size: 1.1em;
    margin: 0px 0px 0px 2em;
    padding: 5px;
    border: 2px solid #D6D6D6;
    width: 550px;
    height: 300px;
}

#content ul
{
    clear: both;
    margin: 0.5em 0px 2em 3em;
}

#content li
{
    clear: both;
    text-align: left;
    margin: 0.5em 0px 0em 2em;
    list-style-type:circle;
    vertical-align: top;
}

/* ### Content Table Format ################### */

table.box_table 
{
    border-spacing: 0px;
    border-collapse: collapse;
}

table.box_table th 
{
    text-align: left;
    padding: 0.1em 0.5em;
    border-bottom: 2px solid #FFFFFF;
	font-weight: normal;
}
table.box_table td 
{
    text-align: right;
    border-bottom: 2px solid #FFFFFF;
    padding: 0.1em 0.5em;
}

table.box_table thead 
{
	background: #687EAB;
    font-weight: bold;
}

table.box_table thead tr 
{
    background: #BDC9E1;
    font-weight: bold;
    text-align: center;
	font-size: 1.3em;
}

table.box_table th.Corner 
{
    text-align: left;
}

table.box_table tr
{
	font-weight: normal;
    background: #FFFFFF;
}

table.box_table tr strong
{
	height:1.5em;
}

table.box_table tr.Odd 
{
    background: #F0F0F0;
}

/* ### Bibtex Entry ### */

#bibtex
{
    border: 0px solid #D6D6D6;
    font-size: 0.9em;
}

#bibtex .heading
{
    padding: 0px;
}

#bibtex .line
{
    margin: 0px 0px 0px 2em;
}

#bibtex .key
{
    font-weight: bold;
}

/* ### Calender Function ### */

#calender
{
    margin: 3em;
    border: 1px solid #D6D6D6;
}

#calender .head
{
    margin: 3em;
    border: 1px solid #D6D6D6;
}

#calender .row
{
    margin: 3em;
    border: 1px solid #D6D6D6;
}

#calender .cell
{
    margin: 3em;
    border: 1px solid #D6D6D6;
}

/* ### News Format ################### */

#news
{
    margin: 3em 1em 2em 1em;
}

#news .entry
{
    margin: 0em 0em 3em 0em;
    border: 1px solid #FFFFFF;
}

#news .title
{
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0em 0em 1.0em 0em;
    padding: 0em 0em 0em 1em;
    border-bottom:1px solid #D6D6D6;
    background-image:url(header_bgl_repeat.png);
}

#news .text
{
    text-align: left;
    font-size: 1.0em;
    margin: 0.0em 0.0em 1.0em 0.5em;
}

#news .heading
{
    clear:both;
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0em 0em 1.5em 0em;
    padding: 0em 1em 0em 0em;
}

#news .date
{
    float:left;
    text-align: right;
    font-size: 0.8em;
    font-weight: bold;
    margin:0em 0em 0.5em 0em;
}


/* ### People Format ################### */

#person_data
{
    float:left;
    width:500px;
    margin:10px 10px 20px 10px;
    padding:0px 0px 0px 5px;
    border-bottom:0px solid #D6D6D6;
}

#person_data .title
{
    clear: both;
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
    margin: 2em 0px 0.3em 0em;
    width:95%;
    border-left: 4px solid #D6D6D6;
}

#person_data .name
{
    text-align: left;
    font-size: 1.7em;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    width:500px;
    border-bottom:1px solid #D6D6D6;
}

#person_data .values
{
    float: left;
    text-align: left;
    font-weight: bold;
    width: 90px;
    height: 20px;
}

#person_data .entry
{
    text-align: left;
    border:0px solid #D6D6D6;
    float: none;
    margin: 0px 0px 0px 100px;
    min-height: 15px;
}

#person_data img
{
    position:relative;
    float:left;
    height:150px;
    margin:0px 0px 0px -200px;
    padding:10px;
    border:1px solid #D6D6D6;
}

/* ### Puplications Format ################### */

#publication
{
    clear: both;
    border-bottom:2px solid #F6F6F6;
    margin: 0em 1em 0em 2em;
    padding: 0.5em;
    width: 500px;
    overflow: hidden;
}

#publication .entry
{
    clear: both;
    margin: 5px;
    overflow: hidden;
}

#publication .values
{
    float: left;
    text-align: left;
    font-weight: bold;
    width: 90px;
    height: 2.5em;
    margin: 0px 0px 0px 30px;
}

#publication .data
{
    width: 350px;
    float: none;
    text-align: left;
}

#publication .list_title
{
    clear: both;
    font-weight: bold;
    text-align: left;
    font-size:1.1em;
    margin: 1.5em 0px 0em 0em;
    padding: 0.0em 0px 0.0em 0.5em;
    border-left: 3px solid #D6D6D6;
}

#publication .list_data
{
    margin: 0em 0px 0px 1.2em;
}

#publication .list_items
{
    float: none;
    text-align: left;
    margin: 0em 0px 0.2em 0.2em;
    width: 100%;
    overflow: visible;	
}

#publication .list_conference
{
    font-style: italic;
}

#publication .list_download
{
    float: left;
    margin: 0.4em 0.2em 0.6em 0.0em;
    padding: 0.2em 0.2em 0.0em 0.2em;
    width: 7em;
    text-align: center;
    overflow: hidden;
}

#publication .list_download img
{
    position: relative;
    margin: 0px 0em 0px 0em;
    padding: 0px;
    height: 1.25em;
    border: 0px;
}

#publication .icon
{
    height: 2em;
}

#publication .title
{
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    width:500px;
    border-bottom:1px solid #D6D6D6;
    border-left:5px solid #D6D6D6;
    padding: 0px 0px 0em 0.5em;
}

#publication preview
{
    position:relative;
    float:left;
    height:150px;
    margin:0px 0px 0px -200px;
    padding:10px;
    border:1px solid #D6D6D6;
}

#publication img
{
    position:relative;
    float:left;
    height:140px;
    margin:-140px 0px 0px 620px;
    padding:5px;
    border:1px solid #D6D6D6;
}

/* ### Lectures Format ################### */

#border
{
    margin: 1em;
    border:5px solid #FFDDDD;
    color: #AA3333;
    font-size: 1.1em;
}

#exam
{
    margin: 0.5em;
    padding: 1em;
    border:2px solid #AA3333;
    color: #AA3333;
    font-size: 1.1em;
}

#exam .title
{
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0em 0em 0.5em 0em;
    padding: 0em 0em 0em 0em;
    border-bottom:1px dashed #AA3333;
    width: 100%;
}

#lecture
{
    border:0px solid #D6D6D6;
    margin: 10px 5px 3em 5px;
    padding: 5px;
    font-size: 1.1em;
}

#lecture .block
{
    border-bottom:1px solid #D6D6D6;
    margin: 30px 5px 5px 5px;
}

#lecture .title
{
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    width:500px;
    border-bottom:1px solid #D6D6D6;
}

#lecture .text
{
    text-align: left;
    font-size: 1.0em;
    margin: 5px 5px 2.5em 5px;
}

#lecture .value
{
    float: left;
    text-align: left;
    font-weight: bold;
}

#lecture .entry
{
    text-align: left;
    border:0px solid #D6D6D6;
    float: none;
    margin: 0px 0px 1em 15em;
    min-height: 15px;
}

#lecture_file
{
    margin: 0em 0em 0.1em 5em;
    width: 100%;
    height: 2em;
}

#lecture_filebox
{
    border:0px solid #D6D6D6;
    margin: 0em 0em 3.5em 0em;
    padding: 0em;
}

#lecture_file .icon
{
    position:relative;
    float: left;
    height: 1.8em;
    border:0px solid #D6D6D6;
    margin: 0em 0.5em 0em 0em;
    padding: 0px;
}

#lecture_file .file_title
{
    float: left;
    font-weight: bold;
    margin: 0em 1em 0em 0em;
}

#lecture_file .file_description
{
    float: left;
}

/* ### Gallery ################### */

#gallery
{
    text-align: center;
}

#gallery_image
{
    float:left;
    text-align: center;
    width: 17em;
    height: 17em;
    border:0px solid #D6D6D6;
    margin: 2em 0em 0.25em 2em;
    padding: 0.25em;
    border:1px solid #D6D6D6;
}

#gallery_image img
{
    width: 15em;
    margin: 0.4em;
    padding: 0.4em;
    border-bottom:1px solid #D6D6D6;
}

#gallery_image .title
{
    height: 2.5em;
    text-align: center;
}

/* ### Login ###################################################################### */

#login
{
    float: right;
    text-align: right;
    color:#86AAD8;
    margin: -12px 1em 0px 0px;
    font-weight:bold;
}

/* ### Footer ###################################################################### */

#footer
{
    clear:both;
    text-align: left;
    color:#465A78;
    height:25px;
    background-color:#B4BEC8;
    background-image:url(footer_bg.png);
    background-repeat:repeat-x;
}

#footer p
{
    color:#465A78;
	padding: 5px 0px 0px 10px;
}

#footer p a,
#footer p a:link
{
	text-decoration: none;
	font-weight:bold;
}

#footer p a:hover
{
	text-decoration: none;
}