
/* UConn CSS Declarations */
/* ====================== */

#head_site a {height:78px;}
#head_site a#top_link {height:0px;}
/* Default CSS */

/* Styles for left-side navigation, generated by webtools.uconn.edu */

#nav_left { background-color:#666698;}
#nav_left a { border-color:#666698;}
#nav_left a:hover { color:#666698;}


#nav_left a:hover { background-color:#DBBDFF;}
#nav_left li li a {color:#DBBDFF;}
#nav_left > ul > li:first-child a:hover { border-top-color:#DBBDFF;}

/* edit this line only if you've moved "banner.gif" out of your images folder */
#header {background-image:url(Images/banner.gif);}
/* edit this line only if you've moved "photostrip.gif" out of your images folder */
.photostrip {background-image: url(Images/Strip1.jpg);}



/* Declarations */
/* ============ */

#content {
    color: #333333 !important;
    font-size: 11pt !important;
    background-color: #ddeeff !important;
    padding-top:5px !important; 
}

#content.photostrip {
    padding-top:220px !important; 
}


#content li, td { color : #333333 !important; }

#content li {
     list-style-image:url(Images/arrow.gif);
}

#content a:link { 
    color:#0000ee !important; 
    font-weight: normal !important;
    text-decoration: underline !important;
}

#content a:visited {
    color:#660088 !important;
    font-weight: normal !important;
    text-decoration: underline !important;
}

#content a:hover{
    color:#339900 !important;
    font-weight: normal !important;
    text-decoration: underline !important;
}

#nav_left {
    background-color:#6699ff; 
}

#nav_left a { 
    border-top:2px solid #6699ff !important; 
    border-bottom:2px solid #6699ff !important; 
    border-left:0 !important;
    border-right:0 !important;
}

#nav_left a:hover{
    color: #333333; 
    background-color: #ffdd00; 
    text-decoration: none !important; 
    border-color:#FFFFFF !important;
}

#nav_left li li{
    padding: 2px 0px 2px 20px !important; 
    background:url(http://web.uconn.edu/webtools/global/images/nav_circle.gif) no-repeat 5px 4px !important; 
}

#nav_left li li a {
    color : #333333;
    padding: 0px 0px 0px 0px !important; 
    border:0 !important;
}



/* Math Department CSS Declarations */
/* ================================ */

/* Global CSS Declarations */

/* Do not put font-sizes in the body.browser declarations to avoid problems         */
/* with the toolbar in north declare the standard font-size in global_central_cell. */

/* WARNING : do not declare margin-top, as it will interfere with the university wide alert system */

/* standard browser declaration */

body.browser{
     font-family: Arial, Helvetica, sans-serif;
     color: #333333;
     background-color:#000066;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding: 0px 0px 0px 0px;
     border: none;
}

/* printerfriendly to get only the central cell */
body.printerfriendly{
     font-family: Arial, Helvetica, sans-serif;
     color: #333333;
     background-color:#ffffff;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding: 20px 20px 20px 20px;
     border: none;
}

/* popup windows used for people's data */
body.popup{
     font-family: Arial, Helvetica, sans-serif;
     color: #333333;
     background-color:#ffffff;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding: 10px 10px 10px 10px;
     border: none;
}

a:link { 
     color:#0000ee; 
     text-decoration: underline;
}

a:visited { 
     color:#660088; 
     text-decoration: underline;
}

a:hover{ 
     color:#339900; 
     text-decoration: underline;
}

img{
     /* kill whitespace around images, heavily browser dependent */
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}

/* CSS for the white lines between North, South, East, West and Central Cell */

.border_left {
        border-left:solid;
        border-width:2px;
        border-color:#FFFFFF;
}

.border_right {
        border-right:solid;
        border-width:2px;
        border-color:#FFFFFF;
}

.border_top {
        border-top:solid;
        border-width:2px;
        border-color:#FFFFFF;
}

.border_bottom {
     border-bottom:solid;
     border-width:2px;
     border-color:#FFFFFF;
}

/* CSS for north */

a.north_navig:link, a.north_navig:visited {
	font-family:Arial, Helvetica, sans-serif;
        font-size: 10pt;          
        color:#000066;
        display: block;
        background-color:#CCCCCC;
        font-weight: bold;
        padding-top: 5px;
        padding-bottom: 5px;
        text-decoration: none;
        border-right: 2px solid #CCCCCC;
        border-left: 2px solid #CCCCCC;
        white-space: nowrap;
}

a.north_navig:hover {
	font-family:Arial, Helvetica, sans-serif;
        font-size: 10pt;         
        color:#999999;
        display: block;
        background-color:#EEEEEE;
        font-weight: bold;
        padding-top: 5px;
        padding-bottom: 5px;
        text-decoration: none;
        border-right: 2px solid #FFFFFF;
        border-left: 2px solid #FFFFFF;
        white-space: nowrap;
}

/* CSS for west.php */

.global_west{               
        font-size: 11pt;
        border-right:solid;
        border-width:2px;
        border-color:#ffffff;
        background-color:#6699ff;
        align:left;
        vertical-align:top;
        width:165px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
}

.navig_subdivision {
        font-size: 10pt;
        color:#ffffff;
        font-weight: bold;
}

.navig_list_links {
        font-size: 11pt;
        color:#333333;
        font-weight: bold;
        padding: 2px 0px 2px 0px;
        text-valign:top;
        text-align:left
}

ul.navig_ul {
        padding: 0px 0px 0px 19px;                            
        margin: 0px 0px 0px 0px;                                                            
}

li.navig_li {
        padding: 1px 0px 1px 0px;                         
        margin: 0px 0px 0px 0px;                                
        list-style-image:url(Images/nav_circle_6699ff_b.jpg);   
        list-style-type: disc;
}

ul.sub_navig_ul {
        padding: 0px 0px 0px 0px;                            
        margin: 0px 0px 0px 0px;                                                            
}

/*
li.sub_navig_li {
        padding: 1px 0px 1px 0px;                         
        margin: 0px 0px 0px 16px;                                
        list-style-image: url(Images/nav_greater_6699ff_b.jpg);   
        list-style-type: disc;
}
*/

a.navig_a:link, a.navig_a:visited{
        color:#333333;
        text-decoration: none;
}

a.navig_a:hover {
        color:#FFFFFF;
        text-decoration: none;
}

a.navig_highlight:link, a.navig_highlight:visited {
        color:#ffcc33;
        text-decoration: none;
}

a.navig_highlight:hover {
        color:#FFFFFF;
        text-decoration: none;
}

a.navig_a_showcase:link, a.navig_a_showcase:visited{
        color:#663333;
        text-decoration: none;
}

a.navig_a_showcase:hover {
        color:#FFFFFF;
        text-decoration: none;
}


/* CSS for east.php */

.global_east{
     border-left:solid;
     border-width:2px;
     border-color:#FFFFFF;
     align:left;
     vertical-align:top;
     width:160px;  /* needed for IE on Mac - MC 04/22/2006 */  
     background-image: url(Images/penrose_tiling_low.jpg);      
}

/* CSS for printfriendly_footer.php */

.url_printfriendly_footer{
     color: #333333;
     font-family: Verdana, Helvetica, Sans-serif;
     font-weight: bold;
     font-size: 8pt;
     text-align: center;
     padding-left: 1px;
     padding-right: 1px;
     text-decoration: none;
}    

.empty_light{ background-color: #99ccff;}
.empty_medium{ background-color: #6699ff;}
.empty_dark{ background-color: #003399;}

/* CSS for south.php */

.global_south{
     border-top:solid;
     border-width:2px;
     border-color:#FFFFFF;
     align:right;
     vertical-align:top;
     padding: 4px 4px 20px 4px;
     background-color: #000066;
}

.footer_txt{
     font-size: 10pt;
     color: #ffffff;
}

a.footer_link_grey:link, a.footer_link_grey:visited {
     font-size: 10pt;         
     font-weight: bold;
     color:#CCCCCC;
     text-decoration: none;
     padding: 0px 15px 0px 15px;   
}

a.footer_link_grey:hover {
     color:#FFFFFF;
     text-decoration: none;
}

a.webmaster_link:link, a.webmaster_link:visited {
     font-size: 10pt;         
     font-weight: normal;
     color:#CCCCCC;
     text-decoration: none;
     padding: 0px 0px 0px 0px;   
}

a.webmaster_link:hover {
     color:#FFFFFF;
}

input.searchbox {
     border: 1px solid #ffffff;
     background-color: #eeeeee;
     color:#000066;
     background-image:url(Images/google_small.jpg);
     background-repeat:no-repeat;
     background-position:right;
}

/* CSS for the central cell */

.global_central_cell{
     text-valign: top;
     text-align: left;
     font-size: 12pt;
     background-color: #ddeeff;
     padding: 5px 17px 5px 17px;
}

.central_north{
     /* This element needs the same background as global_central_cell */
     /* and nothing else. Failliure to do this gives a line above the */
     /* central cell in IE.                                           */
     background-color: #ddeeff;
}     

.mathtext{
     color: #333333;
     text-align: left;
}

em{
     font-weight: bold;   
     font-style: normal;  
}

.emphasize{
     color: #ee4000;
     font-weight: bold;   
     font-style: normal;  
}

.error{
     font-weight: bold;   
     font-style: normal;  
     color: #ff3300;
}

/* replaces mathpar */
p{
     padding: 6px 0px 6px 0px;
     margin: 0px 0px 0px 0px;
}

/* should be phased out - replace with p i.e. no class in the p tag */
.mathpar{
     padding: 6px 0px 6px 0px;
     margin: 0px 0px 0px 0px;
}

.smallpadding{
     margin: 5px 0px 5px 20px;
     padding: 5px 0px 5px 20px;
}

ol{
     margin: 1px 0px 1px 20px;
     padding: 1px 0px 1px 20px;
}

ul{
     margin: 1px 0px 1px 15px;
     padding: 1px 0px 5px 15px;
}

/*
li{
     list-style-image:url(Images/arrow.gif);
     list-style-type:disc;   
     text-align:left;
     padding: 0px 0px 0px 0px;
}
*/

.fluffy_li{
     list-style-image:url(Images/arrow.gif);
     list-style-type:disc;
     text-align:left;
     padding: 3px 0px 3px 0px;
}

.very_fluffy_li{
     list-style-image:url(Images/arrow.gif);
     list-style-type:disc;
     text-align:left;
     padding: 6px 0px 6px 0px;
}

/* only used for the micro Van Gogh on People/people.php */
.picture_li{
     list-style-image:url(Images/vincent_small.jpg) !important;
     list-style-type:disc;   
     text-align:left;
     padding: 0px 0px 0px 0px;
}

.mathtitle{
     color: #333399;
     font-family:"Times New Roman", Times, serif;
     font-weight: bold;   
     font-size: 1.8em;
     text-align: left;
}

.mathsubtitle{
     color: #333399;
     font-family:"Times New Roman", Times, serif;
     font-weight: bold;   
     font-size: 1.4em;
     text-align: left;
     line-height: 120%; 
}

.mathsubsubtitle{
     color: #333399;
     font-family:"Times New Roman", Times, serif;
     font-weight: bold;
     font-size: 1.1em;   
     text-align: left;
     line-height: 120%; 
}

.mathsubsubtitle_black{
     font-family:"Times New Roman", Times, serif;
     font-size: 1.1em;   
     text-align: left;
     line-height: 120%; 
}

.emlist{
     color: #333399;
     font-weight: bold;
     font-size: 1.0em;   
     text-align: left;
     line-height: 120%; 
}

.eyecatcher{
     color: #ff3300;
     font-family:"Times New Roman", Times, serif;
     font-weight: bold;   
     font-size: 1.4em;
     text-align: left;
     line-height: 120%; 
}

.mathbox{
     padding: 5px 5px 5px 5px;
     border-width: 2px 2px 2px 2px;
     border-color: #6699ff #6699ff #6699ff #6699ff;
     border-style: solid;
}

.ridgebox{
     padding: 5px 5px 5px 5px;
     border-width: 4px 3px 4px 3px;
     border-color: #0066ff;
     border-style: Ridge;
}

.soft_warning{
     text-align : justify;
     text-valign : center;
     font-style : italic;
     padding : 5px 20px 5px 20px;
     border-top:solid;
     border-bottom:solid;
     border-width:1px;
     border-color:#003399;
}


/* CSS for questions in a FAQ - The answers are in normal text */

.faq_ul{
     margin: 1px 0px 1px 8px;
     padding: 1px 0px 1px 8px;
}

.faqq{
     color: #333399;
     font-weight: normal;
     font-size: 1.0em;   
     text-align: left;
     line-height: 120%; 
}    

.commandline{
     margin: 10px 0px 10px 40px;
     padding: 5px 5px 5px 5px;
     color: #000000;
     line-height: 200%;
     background-color: #99ccff;
}

a.title_link:link, a.title_link:visited{
     text-decoration : none;
     color: #333399;
}

a.title_link:hover{                         
     text-decoration : none;
     color:#339900; 
}

/* CSS for tables */

table.table_dump_table {
    border-top: 1px solid #000066;
    border-bottom: 1px solid #000066;
    background-color: #ffffff;
    border-collapse: collapse;
    width: 100%;
}

table.standard_free_width {
    border-top: 1px solid #000066;
    border-bottom: 1px solid #000066;
    background-color: #ffffff;
    border-collapse: collapse;
}

table.table_dump_50 {
    border-top: 1px solid #000066;
    border-bottom: 1px solid #000066;
    background-color: #ffffff;
    border-collapse: collapse;
    width: 50%;
}


tr.table_dump_header {
    border-top: 1px solid #000066;
    border-bottom: 1px solid #000066;
    background-color: #6699ff;
    font-weight: bold;
    color: #333333;
}    
     
td.table_dump_element {
    border: 1px solid #000066;
    padding: 0px 5px 0px 5px;
    align: left;
    vertical-align: top;
}    

td.lr_element {
    border-left: 1px solid #000066;
    border-right: 1px solid #000066;
    padding: 0px 5px 0px 5px;
    align: left;
    vertical-align: top;
}    

/* CSS for "letters" */

table.page {
    border: 1px solid #003399;
    background-color:#eeeeee;
}

td.page_margin{
    padding: 20px 20px 20px 20px;
}

/* CSS for picture tables */

table.picture_table {
    border: 1px solid #003399;
    border-collapse: collapse;
}

tr.picture_caption_row {
    border-top: 1px solid #000066;
    background-color:#6699ff;
    color: #333333;
    font-weight: bold;
    font-size: 12pt;
}

td.picture_caption_element {
    padding: 2px 0px 2px 0px;
    vertical-align: top; 
    text-align: center;
}

/* CSS for ExtraInfo links in the header of tables with blue background */

a.infolink:link, a.infolink:visited{
        color: #333333;
        text-decoration: none;
        font-weight: normal; 
}    

a.infolink:hover {
        color: #ffffff;
        text-decoration: none;
        font-weight: normal;
}    


/* CSS for questions in a FAQ - The answers are in normal text */

.faqq{
     color: #333399;
     font-weight: normal;
     font-size: 1.0em;   
     text-align: left;
     line-height: 120%; 
}

/* Intended as CSS of people/search_print_people.php */

.people_name{
     color: #000000;
     font-weight: bold;
     font-style: normal;
     text-align: left;
     padding: 2px 0px 2px 2px;
     background-color: #99ccff;
}

.people_title{
     color: #000000;
     font-weight: normal;
     font-style: normal;
     text-align: right;
     padding: 2px 4px 2px 0px;
     background-color: #99ccff;
}

.people_underline{
     background-color: #0066ff;
}

.people_data{
     color: #333333;
     font-weight: normal;
     font-style: normal;
     text-align: left;
     padding: 2px 8px 4px 8px;
     background-color: #ccccff;
}

.people_www{
     color: #000000;
     font-weight: normal;
     font-style: normal;
     text-align: left;
     padding: 2px 2px 2px 2px;
     background-color: #99ccff;
}

.people_www a:link{
     text-decoration: none;
     color: #000000;
}

.people_www a:visited{
     text-decoration: none;
     color: #000000;
}

.people_www a:hover{
     text-decoration: none;
     color: #333399;
}


/* CSS for footnotes under tables */

.footnote_separator{
     line-height: 30%; 
}

/* CSS for Red Alert ! */

.red_alert_table{
    width: 100%;
    background: #ff9999;
    border-width: 2px 2px 2px 2px;
    border-color: #990000 #990000 #990000 #990000;
    border-style: solid; 
    margin-bottom: 10px; 
}

.red_alert_separator{
    width: 90%;
    border-style: solid; 
    color: #990000;
    
}

.yellow_alert_table{
    width: 100%;
    background: #ffff99;
    border-width: 2px 2px 2px 2px;
    border-color: #ffcc00 #ffcc00 #ffcc00 #ffcc00;
    border-style: solid;
    margin-bottom: 10px;
}

.yellow_alert_separator{
    width: 90%;
    border-style: solid;
    color: #ffcc00;

}

.announcement_table{
    width: 100%;
    background: #99ff99;
    border-width: 2px 2px 2px 2px;
    border-color: #009900 #009900 #009900 #009900;
    border-style: solid;
    margin-bottom: 10px;
}

.announcement_separator{
    width: 90%;
    border-style: solid;
    color: #009900;

}


/* CSS for In Memorian Boxes */

.in_memoriam{
    margin: 7px 0px 11px 0px;    
    padding: 7px 0px 11px 0px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    background-color: #ffffff;
    color: #000000;
    border-collapse: collapse;
    width: 100%;
}

.in_memoriam_header{
    background-color: #000000;
    padding : 1px 2px 1px 10px;
    border-bottom: 1px solid #000000;
    font-weight: normal;
    color: #ffffff;
}

.in_memoriam_picture{
    margin: 2px 2px 2px 2px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
}

/* CSS for standard forms - not used within Questor! */

.standard_fieldset{
    background-color: #99ccff;
    border: 1px solid #003399;
    margin: 0px 5px 10px 0px;
    padding: 5px 5px 5px 5px;
}   

.standard_legend{
    color: #000000;
    background-color: #6699ff;
    border: 1px solid #003399;
    font-size: 1em;
    text-align: left;
    margin: 0px 0px 0px 0px; 
    padding: 0px 4px 2px 4px;
}   
    
.standard_form_table{
    margin-top: 5px;
    border-collapse: collapse;
    font-size: 1em;
}

.standard_form_table td{
    padding: 2px 6px 2px 6px;
}

.standard_form_header{
    border-bottom: 1px solid #003399;
    background-color: #6699ff;
    font-weight: normal;
    font-size: 1.2em;
}

.standard_form_input{
    font-size: 1em; 
}

.standard_form_comment{
    font-size: 0.8em;
    padding: 0px 0px 5px 5px;
}


/* CSS for Printer Friendly Rendition */

.global_printerfriendly{
     text-valign: top;
     font-size: 12pt;
     background-color: #ffffff;
}

.pf_header{
     text-align : center;
     text-valign : center;
     padding : 5px 20px 5px 20px;
     margin-bottom : 40px;
     border-top:solid;
     border-bottom:solid;
     border-width:2px;
     border-color:#003399;
}

/* CSS for CrossFader.js */

#imageContainer {
        height:214px;
}

#imageContainer img {
        display:none;
        position:absolute;
        top:0; left:0;
}

#imageContainer2 {
        height:214px;
}

#imageContainer2 img {
        display:none;
        position:absolute;
        top:0; left:0;
}

#imageContainer3 {
        height:214px;
}

#imageContainer3 img {
        display:none;
        position:absolute;
        top:0; left:0;
}


/* CSS for Billboards */

.billboard{
      background-color:#FFFFFF; 
      border:1px solid #003399; 
      float:right; 
      clear:both; margin:0 0 15px 15px;
}


/* CSS for dBscripts */

.dBscript_medium_header{
     text-align : center;
     text-valign : center;
     padding : 30px 30px 20px 30px;
     font-size: 16pt;
     font-weight: bold;
     color: #333333; 
}

.dBscript_note{
     color: #333333;
     font-weight: normal;
     font-size: 10pt;   
     font-style: italic;   
     text-align: justify;
     line-height: 100%;
     padding : 10px 40px 10px 40px;
}

.dBscript_comment{
     color: #333333;
     font-weight: normal;
     font-size: 10pt;   
     font-style: italic;   
     text-align: justify;
     line-height: 100%;
     padding : 0px 0px 0px 0px;
}

.dBscript_q{
     color: #333399;
     font-weight: bold;
     font-size: 14pt;   
     text-align: right;
     text-valign: top;
     line-height: 120%;
     width : 40px;
     padding : 10px 0px 0px 30px;
}

.dBscript_question{
     color: #333399;
     font-weight: normal;
     font-size: 14pt;   
     text-align: left;
     text-valign: top;
     line-height: 120%;
     padding : 10px 0px 0px 5px;
}

.dBscript_answer{
     color: #333333;
     font-weight: normal;
     font-size: 12pt;   
     text-align: left;
     text-valign: top;
     line-height: 120%;
     padding : 5px 30px 10px 5px;
}

.dBscript_submit{
     color: #333333;
     font-weight: bold;
     text-align: center;
     padding : 20px 0px 20px 0px;
}

.dBscript_page_footer{
     color: #333333;
     font-weight: normal;
     text-align: center;
     padding : 0px 0px 15px 0px;
}

.dBscript_page{
    border-collapse: collapse;
    border: 2px solid #003399;
    background-color: #ffffff;
    margin : 20px 0px 20px 0px;
    width: 800px;
}

.dBscript_error_page{
    border-collapse: collapse;
    border: 2px solid #ff6600;
    background-color: #ffcccc;
    margin : 20px 0px 20px 0px;
    width: 800px;
}

.dBscript_omega_page{
    border-collapse: collapse;
    border: 2px solid #330099;
    background-color: #ccccff;
    margin : 20px 0px 20px 0px;
    width: 800px;
}

.dBscript_redstar{
    text-align: right;
}

/* CSS for Online Giving */

div#descriptions {
	   float: right;
	   width: 350px;
	   padding: 10px;
	   display: block;
	   border: 2px solid #6694E3;
	   background-color: #E0ECFF;
	   margin: 8px;
}
div#descriptions ul li {
		 list-style-type:circle:
}
div#descriptions h2 {
	   color: #2C528F;
}
