/* This is a CSS comment*/
/*padding is: top,right,bottom,left*/


/*HEADING STYLES*/
h1 {color: #332F93; font-family: Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; margin-top:0px; margin-bottom:7px; padding:0}
h2 {color: #332F93; font-family: Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; margin-top:15px; margin-bottom:7px; padding:0}
h3 {color: #332F93; font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; margin-top:15px; margin-bottom:7px; padding:0}
h4 {color: #332F93; font-family: Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; margin-top:15px; margin-bottom:7px; padding:0}
h5 {color: #332F93; font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; margin-top:15px; margin-bottom:7px; padding:0}
/*RESERVED FOR NEWS YEAR HEADING PAGE USE!!!*/
h6 {color: #FFFFFF; text-align: center; font-family: Verdana, Arial, sans-serif; font-size: 14px; text-decoration: none; margin-top:2px; margin-bottom:2px; padding:0; border:0;}


/* IMAGES TAGS */
img.cube {margin:0px 0px 0px 0px; padding:0;}
img.header {margin:0px 0px 0px 5px; padding:0;}

#oraclelogo {margin:0; padding:0;}
#oraclelogo p {margin:0; padding:0; text-align: center;}
#oraclelogo a {margin:0; padding:0;}
img.oraclelogo {border:0; margin:20px 0px 0px 0px; padding:0;}

td.spacer {background-image: url("http://www.vlamis.com/images/divider.gif"); font-size: 1px;}

/* NAVIGATION MENU ITEMS */

#menu {float:left; border-top:1px solid black;}
#menu a {font-family: arial, sans-serif; font-size: 12px; text-decoration: none; margin:0px; padding: 2px 0px 2px 2px;}
#menu p {padding:0; margin:0;}

a.menu1:link  {display:block; border-bottom:1px solid black; width:120px; color: #FFFFFF; background: #0A067D; font-weight:bold;} 
a.menu1:visited  {display:block; border-bottom:1px solid black; width:120px; color: #FFFFFF; background: #0A067D; font-weight:bold;}
a.menu1:hover  {display:block; border-bottom:1px solid black; width:120px; color: #000000; background: #FFFFFF; font-weight:bold;}

a.menu2:link {display:block; border-bottom:1px solid black; width:120px; color: #000000; background: #9694C8; font-weight:bold;}
a.menu2:visited {display:block; border-bottom:1px solid black; width:120px; color: #000000; background: #9694C8;font-weight:bold;}
a.menu2:hover {display:block; border-bottom:1px solid black; width:120px; color: #000000; background: #FFFFFF;font-weight:bold;}

a.menu3:link {display:block; border-bottom:1px solid black; width:120px; color: #000000; background: #E6E6F2;}
a.menu3:visited {display:block; border-bottom:1px solid black; width:120px; color: #000000; background: #E6E6F2;}
a.menu3:hover {display:block; border-bottom:1px solid black; width:120px; color: #000000; background: #FFFFFF;}

a.rss_link {display:none;}

/*used for active page on menu*/

/*#active {text-align:right; font-weight:bold;}*/
#active1 {background-image: url(http://www.vlamis.com/images/activemenuback1.gif); background-position: center right; background-repeat:no-repeat}
#active1:hover {background-image: url(http://www.vlamis.com/images/activemenuback1hover.gif); background-position: center right; background-repeat:no-repeat}
#active2 {background-image: url(http://www.vlamis.com/images/activemenuback2.gif); background-position: center right; background-repeat:no-repeat}
#active2:hover {background-image: url(http://www.vlamis.com/images/activemenuback1hover.gif); background-position: center right; background-repeat:no-repeat}
#active3 {background-image: url(http://www.vlamis.com/images/activemenuback3.gif); background-position: center right; background-repeat:no-repeat}
#active3:hover {background-image: url(http://www.vlamis.com/images/activemenuback1hover.gif); background-position: center right; background-repeat:no-repeat}

/* NEWS PANEL FRONT PAGE */

#news {background: #E6E6F2; padding:1px; float: right; width: 250px; margin: 0px 0px 10px 20px;}
#news h1 {color: #FFFFFF; font-family: verdana, arial, sans-serif; font-size: 14px; font-weight:bold; text-align:center; margin: 0px; padding: 2px 0px 5px 0px; background: #0A067D;}
#news h2 {font-family: verdana, arial, sans-serif; font-size: 11px; font-weight:bold; color:#000000; margin: 5px 0px 5px 0px; padding: 0;}

#news div {border-bottom: 1px solid black;}
#news p.newsbody {font-family: verdana, arial, sans-serif; font-size: 11px; color:#000000; margin: 0px 0px 5px 0px; padding: 0}
#news p.picture {margin: 3px 0px 3px 0px; padding: 0; text-align:center;}

#news a:link {text-decoration:underline; color:#000000}
#news a:visited {text-decoration:underline; color:#000000}
#news a:hover {text-decoration:underline; color:#000000; background: #FAFAFD;}

#news a.h1:link {color: #FFFFFF; text-decoration:none;}
#news a.h1:visited {color: #FFFFFF; text-decoration:none;}
#news a.h1:hover {color: #FFFFFF; text-decoration:none; background: #46439D}

#news a.h2:link {color: #000000; text-decoration:underline;}
#news a.h2:visited {color: #000000; text-decoration:underline;}
#news a.h2:hover {color: #000000; text-decoration:underline; background: #F0F0F7}

#news ul {font-family: verdana, arial, sans-serif; font-size: 11px; color:#000000;}


/* MAIN BODY FONTS STYLES */

#body {margin: 0px 20px 0px;}
#body a:link {color: #332F93; /*font-family: arial, sans-serif; font-size: 12px;*/ text-decoration: underline}
#body a:visited {color: #332F93; /*font-family: arial, sans-serif; font-size: 12px;*/ text-decoration: underline}
#body a:hover {color: #FFFFFF; background: #332F93; /*font-family: arial, sans-serif; font-size: 12px;*/ text-decoration: underline}

#body p {text-align: justify; padding:0; margin-left:1em; margin-top:0; margin-bottom:5px; color: #000000; font-family: verdana, arial, sans-serif; font-size: 12px}
#body p.quote {text-align: justify; margin-left: 3em; margin-right: 3em; color: #3D3A99; font-family: verdana, arial, sans-serif; font-size: 12px; font-style: italic;}
#body p.newsyear {color: #FFFFFF; font-weight:bold; text-align: center; font-family: Verdana, Arial, sans-serif; font-size: 14px; text-decoration: none; margin-top:3px; margin-bottom:3px; padding:0; border:0;}
#body p.newsmonth {text-align: center;}
#body ul {border-bottom:0px; border-top:0px; list-style: url(http://www.vlamis.com/images/sqbullet.gif) circle; font-family: verdana, arial, sans-serif; color: #000000; font-size: 12px;/*margin-left: 5px; margin-right: 15px;*/ } 
#body li {border: 0px;}
#body p.abstract {font-size:9px;} 




ul.skills {list-style: url(http://www.vlamis.com/images/sqbullet.gif) circle; font-family: verdana, arial, sans-serif; color: #000000; font-size: 12px; margin-top:0; margin-bottom:0; padding: 0; border:0;}

p.body {text-align: justify; padding:0; margin-top:0; margin-bottom:5px; color: #999999; font-family: verdana, arial, sans-serif; font-size: 12px}
p.quote {text-align: justify; margin-left: 3em; margin-right: 3em; color: #3D3A99; font-family: verdana, arial, sans-serif; font-size: 12px; font-style: italic;}
p.footer {color: #000000; font-family: verdana, arial, sans-serif; font-size: 9px}

#announcement {background: #E6E6F2; padding:3px; margin: 20px 0px 0px 0px; border:1px solid black;}
#announcement h1 {font-family: verdana, arial, sans-serif; font-size: 10px; font-weight:bold; color:#000000; margin: 5px 0px 5px 0px; padding: 0;}
#announcement p {font-family: verdana, arial, sans-serif; font-size: 9px; color:#000000; top-margin: 0px; margin: 0px 0px 8px 0px; padding: 0px;}
#announcement a:link {text-decoration:underline; color:#000000;}
#announcement a:visited {text-decoration:underline; color:#000000;}
#announcement a:hover {text-decoration:underline; color:#000000; background: #FAFAFD;}


/* ul.body {list-style: url(http://www.vlamis.com/images/sqbullet.gif) circle; /*margin-left: 5px; margin-right: 15px; color: #000000; font-family: verdana, arial, sans-serif; font-size: 12px}/*
/*was color: #3D3A99 */


#footer {}

/* NEWS PAGES !!!! 
#newsyear td {background: #FAFAFD;}
#newsyear p {color: #FFFFFF; text-align: center;}
*/


/* TABS EXPERIMENT */

#tabs img {vertical-align: top; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#tabs a.tab:link {vertical-align: top; text-align: right;  padding: 2px 1px 1px 1px; margin: 0px 0px 0px 0px; color: #FFFFFF; background: #800000; font-family: arial, sans-serif; font-size:10px; text-decoration: none}
#tabs a.tab:visited {vertical-align: top; text-align: right; padding: 2px 1px 1px 1px; margin: 0px 0px 0px 0px; color: #FFFFFF; background: #800000; font-family: arial, sans-serif; font-size:10px; text-decoration: none}
#tabs a.tab:hover {vertical-align: top; text-align: right; padding: 2px 1px 1px 1px; margin: 0px 0px 0px 0px; color: #FFFFFF; background: #800000; font-family: arial, sans-serif; font-size:10px; text-decoration: underline}
#tabs p {vertical-align: top; text-align: right; padding: 1px 1px 1px 1px; margin: 0px 0px 0px 0px; font-family: arial, sans-serif; font-size:10px; }

#crumbs p {float: left; padding: 1px 1px 1px 1px; margin: 0px 0px 0px 10px; font-family: arial, sans-serif; font-size:10px;}

/*  END TABS EXPERIMENT */
 


.hiddenTab {display:block;}
.visibleTab{display:none;}
table.yearTab {margin:15px 0px 0px 15px;/*   border-left:1px solid black;  */padding:0px;}
tr.yearTab {padding:0px;}
.activeTab       {color: #000; background: #9694C8; width: 100px; margin:0px; padding: 2px 0px 0px 0px; text-align: center; cursor:pointer; border-top: 2px solid #0A067D; border-right: 2px solid #E6E6F2; border-bottom: 2px solid #E6E6F2; border-left: 2px solid #0A067D; font-weight:bold;}
.inactiveTab     {color: #000; background: #9694C8; width: 100px; margin:0px; padding: 0px 0px 0px 0px; text-align: center; cursor:pointer; border-top: 2px solid #E6E6F2; border-right: 2px solid #0A067D; border-bottom: 2px solid #0A067D; border-left: 2px solid #E6E6F2; }
.activeTabNews   {color: #000; background: #9694C8; width: 150px; margin:0px; padding: 2px 0px 0px 0px; text-align: center; cursor:pointer; border-top: 2px solid #0A067D; border-right: 2px solid #E6E6F2; border-bottom: 2px solid #E6E6F2; border-left: 2px solid #0A067D; font-weight:bold;}
.inactiveTabNews {color: #000; background: #9694C8; width: 150px; margin:0px; padding: 0px 0px 0px 0px; text-align: center; cursor:pointer; border-top: 2px solid #E6E6F2; border-right: 2px solid #0A067D; border-bottom: 2px solid #0A067D; border-left: 2px solid #E6E6F2; }



/*papers*/
#papers a:link {color: #332F93; text-decoration: none}
#papers a:visited {color: #332F93;text-decoration: none}
#papers a:hover {color: #FFFFFF; background: #800000; text-decoration: none}

#papers p.title {text-align: left; padding:0; margin:10px 0 0 1em; color: #000000; font-family: verdana, arial, sans-serif; font-size: 12px;}
#papers p.quote {text-align: justify; margin-left: 3em; margin-right: 3em; color: #3D3A99; font-family: verdana, arial, sans-serif; font-size: 12px; font-style: italic;}
#papers p.newsyear {color: #FFFFFF; font-weight:bold; text-align: center; font-family: Verdana, Arial, sans-serif; font-size: 14px; text-decoration: none; margin-top:3px; margin-bottom:3px; padding:0; border:0;}
#papers p.newsmonth {text-align: center;}
#papers ul {border-bottom:0px; border-top:0px; list-style: url(http://www.vlamis.com/images/sqbullet.gif) circle; font-family: verdana, arial, sans-serif; color: #000000; font-size: 12px;} 
#papers li {border: 0px;}
#papers p.links {font-family: verdana, arial, sans-serif; font-size: 10px; text-align: left; padding:0; margin: 0 0 10px 3em; }

div.abstract {display:none; margin-left: 2em;}
span.showlink {margin:0px; padding:0px; display:inline; color:#332F93; cursor:pointer;}
span.hidelink {margin:0px; padding:0px; display:none; color:#332F93; cursor:pointer;}

/*new papers tabs*/
div.content {margin:0px; padding:0px;}

div#papers {border: 2px solid #0A067D; padding: 0px 25px 0px 10px; margin: 0px 0px 0px 15px; clear:left;}

ol#toc {list-style: none; margin: 0px 0px 0px 20px; padding: 0px;}

/*all tabs*/
ol#toc li {float: left; text-align: center; margin:0px 10px -2px 0px; background: #332F93;}
ol#toc a{border-top: 2px solid #332F93; 
         border-right: 2px solid #332F93; 
         border-left: 2px solid #332F93; 
         width: 65px; 
         display: block; 
         margin: 0px; 
         padding:0px;}
ol#toc a:link{color:#FFFFFF; text-decoration:none;}
ol#toc a:visited{color:#FFFFFF; text-decoration:none;}
ol#toc a:hover{background: #9694C8; color:#FFFFFF; text-decoration:none; border-top: 2px solid #9694C8; border-right: 2px solid #9694C8;border-left: 2px solid #9694C8;}

/*active tabs*/
ol#toc li.current {font-weight: bold; color: #0A067D; background: #ffffff; }
ol#toc li.current a:link {color:#332F93; border-bottom: 2px solid #FFFFFF;}
ol#toc li.current a:visited {color:#332F93; border-bottom: 2px solid #FFFFFF;}
ol#toc li.current a:hover {color:#332F93; 
         border-bottom: 2px solid #FFFFFF;
         border-top: 2px solid #332F93; 
         border-right: 2px solid #332F93; 
         border-left: 2px solid #332F93; 
         background: #FFFFFF;}