﻿.defaultDesign{} /* W3C CSS validator likes CSS files to start with a class instead of comments */

/* 
[Standard] Theme Design
Mike Cooper, UTMB Public Affairs 
Last Updated: October 30, 2010
*/


html, body 
{
    /*color: #666666;*/
    color:#555;
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
    
    /*background-color: #fff;*/
    /*background-color: #dee0d5; original tan*/
    /*background-color:#f2f3ed; light tan*/
    /*background-color:#c3d0de; light blue*/
    
    /*background:#c3d0de repeat-x top left url(images/bkgd.page.fade.gif); light blue + background fade*/
    background:#ecede5 repeat-x top left url(images/pg.bkgd.png); /**/
    outline:none;
    
    /*Scrollbar
    scrollbar-face-color: #9db1c6;
    scrollbar-track-color: #9db1c6;
    scrollbar-3dlight-color: #2B3D53;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-darkshadow-color: #2B3D53;
    scrollbar-arrow-color: #FFFFFF;
    */
}


a {color: #4a6b8c;cursor:pointer;}
a:hover {color: #cc0000;}



/* UTMBx template font colors */
.xcolor0 {color:#000000 !important;} /*black*/
.xcolor1 {color:#21285d !important;} /*utmb blue*/
.xcolor2 {color:#cc0000 !important;} /*utmb red*/
.xcolor3 {color:#4a6b8c !important;} /*accent blue*/
.xcolor4 {color:#a1acc3 !important;} /*light blue*/
.xcolor5 {color:#c3d0de !important;} /*pale blue*/
.xcolor6 {color:#d3d6ab !important;} /*gold*/
.xcolor7 {color:#ffffff !important;} /*white*/
.xcolor8 {color:#49749a !important;} /*new accent blue*/


/* UTMBx template link colors */
a.xcolor0link {color:#000000 !important; text-decoration:none !important;} 
a.xcolor0link:hover {color:#cc0000 !important; text-decoration:underline !important;}

a.xcolor1link {color:#21285d !important; text-decoration:none !important;} 
a.xcolor1link:hover {color:#cc0000 !important; text-decoration:underline !important;}

a.xcolor2link {color:#cc0000 !important; text-decoration:none !important;} 
a.xcolor2link:hover {color:#21285d !important; text-decoration:underline !important;}

a.xcolor3link {color:#4a6b8c !important; text-decoration:none !important;} 
a.xcolor3link:hover {color:#cc0000 !important; text-decoration:underline !important;}

a.xcolor4link {color:#a1acc3 !important; text-decoration:none !important;} 
a.xcolor4link:hover {color:#cc0000 !important; text-decoration:underline !important;}

a.xcolor5link {color:#c3d0de !important; text-decoration:none !important;} 
a.xcolor5link:hover {color:#cc0000 !important; text-decoration:underline !important;}

a.xcolor6link {color:#d3d6ab !important; text-decoration:none !important;} 
a.xcolor6link:hover {color:#d3d6ab !important; text-decoration:underline !important;}

a.xcolor7link {color:#ffffff !important; text-decoration:none;} 
a.xcolor7link:hover {color:#ffffff !important; text-decoration:underline !important;}



/* UTMBx template border colors */
.xborder0 {border:1px #000000 solid !important;}
.xborder1 {border:1px #21285d solid !important;}
.xborder2 {border:1px #cc0000 solid !important;}
.xborder3 {border:1px #4a6b8c solid !important;}
.xborder4 {border:1px #a1acc3 solid !important;} 
.xborder5 {border:1px #c3d0de solid !important;}
.xborder6 {border:1px #d3d6ab solid !important;}
.xborder7 {border:1px #ffffff solid !important;}



/* UTMBx template bkgd colors */
.xbkgd0 {background:#000000 !important;}
.xbkgd1 {background:#21285d !important;}
.xbkgd2 {background:#cc0000 !important;}
.xbkgd3 {background:#4a6b8c !important;}
.xbkgd4 {background:#a1acc3 !important;}
.xbkgd5 {background:#c3d0de !important;}
.xbkgd6 {background:#d3d6ab !important;}
.xbkgd7 {background:#ffffff !important;}



/* accent colors - shades of gray */
.accent0 {color:#222 !important;} /*darker gray*/
a.accent0link {color:#222 !important; text-decoration:none !important;} 
a.accent0link:hover {color:#222 !important; text-decoration:underline !important;}
.aborder0 {border:1px #222 solid !important;}
.abkgd0 {background:#222 !important;}


.accent1 {color:#333 !important;} /*dark gray*/
a.accent1link {color:#333 !important; text-decoration:none !important;} 
a.accent1link:hover {color:#333 !important; text-decoration:underline !important;}
.aborder1 {border:1px #333 solid !important;}
.abkgd1 {background:#333 !important;}


.accent2 {color:#666 !important;} /*mid gray*/
a.accent2link {color:#666 !important; text-decoration:none !important;} 
a.accent2link:hover {color:#666 !important; text-decoration:underline !important;}
.aborder2 {border:1px #666 solid !important;}
.abkgd2 {background:#666 !important;}

.accent3 {color:#999 !important;} /*light gray*/
a.accent3link {color:#999 !important; text-decoration:none !important;} 
a.accent3link:hover {color:#999 !important; text-decoration:underline !important;}
.aborder3 {border:1px #999 solid !important;}
.abkgd3 {background:#999 !important;}

.accent4 {color:#ccc !important;} /*lighter gray*/
a.accent4link {color:#ccc !important; text-decoration:none !important;} 
a.accent4link:hover {color:#ccc !important; text-decoration:underline !important;}
.aborder4 {border:1px #ccc solid !important;}
.abkgd4 {background:#ccc !important;}

.accent5 {color:#ddd !important;} /*pale gray*/
a.accent5link {color:#ddd !important; text-decoration:none !important;} 
a.accent5link:hover {color:#ddd !important; text-decoration:underline !important;}
.aborder5 {border:1px #ddd solid !important;}
.abkgd5 {background:#ddd !important;}

.accent6 {color:#eee !important;} /*faint gray*/
a.accent1link {color:#eee !important; text-decoration:none !important;} 
a.accent1link:hover {color:#eee !important; text-decoration:underline !important;}
.aborder6 {border:1px #eee solid !important;}
.abkgd6 {background:#eee !important;}

.accent7 {color:#fff !important;} /*white*/
a.accent1link {color:#fff !important; text-decoration:none !important;} 
a.accent1link:hover {color:#fff !important; text-decoration:underline !important;}
.aborder7 {border:1px #fff solid !important;} 
.abkgd7 {background:#fff !important;}



/* background fills */
.bkgd {background:#f2f3ed !important;} /* light tan - most common div bkgd fill */
.bkgd0 {background:#f3f3f3 !important;} /*pale gray*/
.bkgd1 {background:#f9f9f9 !important;} /*paler gray*/
.bkgd2 {background:#f1f2ec !important;} /*pale beige*/
.bkgd3 {background:#f0f6fd !important;} /*pale blue*/
.bkgd4 {background:#c3d0de !important;} /*light blue - xcolor5*/
.bkgd5 {background:#dee0d5 !important;} /*beige - public bkgd*/
.whitebkgd {background-color:#fff !important;}
.graybkgd {background-color:#eaeaea !important;}


/* background fades */
.fade { background:#fff repeat-x url(images/bkgd.fade1.gif) !important; } /*tan to white*/
.fade2 { background:#f2f3ed repeat-x url(images/bkgd.fade2.gif) !important; } /*beige to tan - color col*/
.fade3 { background:#fff repeat-x url(images/bkgd.fade3.gif) !important; } /*light blue to white*/
.fade4 { background:#f5f8fa repeat-x url(images/bkgd.fade4.gif) !important; } /* light blue to pale blue - color col*/

.tabfade1 { background:repeat-x bottom left url(images/itabs.bkgd1.gif); } /*see iTabs*/
.tabfade2 { background:repeat-x bottom left url(images/itabs.bkgd2.gif); } /*see iTabs*/


hr 
{
    clear:both;
    height:1px !important;
    color:#ccc !important;  
    background-color:#ccc !important;
    max-height:1px !important;
    margin-top:12px !important; 
    margin-bottom:12px !important;
    border:none !important;
}



p {}


h1 {
	font-size: 1.95em; 
	/*color: #21285d;
	color: #a1acc3;*/
	color:#fff;
	margin: 0px;
	padding:0px;
	/*padding-bottom:2px;*/
	font-weight:normal;
	/*letter-spacing: -0.02em;*/
	font-family:Georgia, Times New Roman, Times, serif !important;
}
    h1 a 
    { 
        color:#a1acc3 !important; 
        text-decoration:none !important; 
    }
    h1 a:hover 
    { 
        color:#cc0000 !important; 
        text-decoration:underline !important; 
    }

h2 {
	font-size: 1.75em;
	color: #21285d;
	margin: 0px;
	/*margin-left:10px;*/
	padding:0px;
	/*padding-bottom:2px;*/
	font-weight:normal;
	letter-spacing: -0.02em;
	font-family:Georgia, Times New Roman, Times, serif;
}
    h2 span span
    {
        font-size: 0.7em;
        color: #4a6b8c;
    }
    h2 a 
    { 
        color:#21285d !important; 
        text-decoration:none !important; 
    }
    h2 a:hover 
    { 
        color:#cc0000 !important; 
        text-decoration:underline !important; 
    }
    

h3 {
	font-size: 1.3em;
	color: #4a6b8c;  /*accent blue */
	/*color: #cc0000;  red */
	margin: 0px;
	padding:0px;
	padding-left:18px;/**/
	font-weight:normal !important;
	letter-spacing: -0.02em;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	background:no-repeat top left url(../../App_Assets/images/headline.icon.gif); /*headline icon*/
}
    h3 a 
    { 
        color:#4a6b8c !important;  /* accent blue */
        /*color:#cc0000 !important;  red */
        text-decoration:none !important; 
    }
    h3 a:hover 
    { 
        color:#cc0000 !important; 
        text-decoration:underline !important; 
    }
    


h4 {
	font-size: 1.05em;
	color: #4a6b8c;
	margin: 0px;
	padding:0px;
	font-weight:bold;
	letter-spacing: -0.02em;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
}
    h4 a 
    { 
        color:#4a6b8c !important; 
        text-decoration:none !important; 
    }
    h4 a:hover 
    { 
        color:#cc0000 !important; 
        text-decoration:underline !important; 
    }


h5 {
	font-size: 1.0em;
	color: #000;
	margin: 0px;
	padding:0px;
	/*padding-bottom:7px;
	margin-bottom:0px;
	line-height:1.2em;*/
	font-weight:bold !important;
	font-family:Arial, Helvetica, sans-serif;
}
    h5 a 
    { 
        color:#000 !important; 
        text-decoration:none !important; 
    }
    h5 a:hover 
    { 
        color:#cc0000 !important; 
        text-decoration:underline !important; 
    }

h6 {
	font-size: 0.8em;
	color: #333;
	margin: 0px;
	padding:0px;
	/*padding-bottom:7px;
	margin-bottom:0px;
	line-height:1.2em;*/
	font-weight:bold !important;
	font-family:Arial, Helvetica, sans-serif;
}
    h6 a 
    { 
        color:#333 !important; 
        text-decoration:none !important; 
    }
    h6 a:hover 
    { 
        color:#cc0000 !important; 
        text-decoration:underline !important; 
    }


blockquote							
{ 
  border-left: 10px solid #ccc; 
  padding: 0 0 0 10px; 
}
blockquote, blockquote p            
{ 
    font: italic 13px/18px "Lucida Sans", "Lucida Grande", Arial, Helvetica, Sans-Serif; 
}

pre {}

code 								
{ 
    /*font-size: .9em;*/
    overflow: auto; 
    display: block; 
    padding: 10px;
	background: #F0F0F0;
	margin-bottom: 15px; 
	margin-top: 5px; 
	width: auto; 
}


pre code[class]:after 				
{ 
    /*content: attr(class); 
    display: block; 
    text-align: right;
    font-size: smaller; 
    padding-top: 0.5em; 
    color: #fe4902;*/
}


.hugetext {font-size:1.5em !important;}
.biggertext {font-size:1.35em !important;}
.bigtext {font-size:1.2em !important;}
.largertext {font-size:1.1em !important;}
.bodytext {font-size:1.0em !important;}
.nudgetext {font-size:0.97em !important;}
.midtext {font-size:0.9em !important;}
.largetext {font-size:0.85em !important;}
.subtext {font-size:0.8em !important;}
.smalltext {font-size:0.75em !important;}
.minitext {font-size:0.7em !important;}
.tinytext {font-size:0.65em !important;}
.spectext {font-size:0.6em !important;}



.nobreadcrumbs {margin-top:5px;}




/* posts */
.posttitle {color:#000;font-weight:bold;} /*black*/
a.posttitle {color:#000; text-decoration:none;} 
a.posttitle:hover {color:#cc0000; text-decoration:underline;}

.posttext {color:#4a6b8c;font-weight:normal;font-size:0.8em;} /*accent blue*/
a.posttext {color:#4a6b8c; text-decoration:none;}
a.posttext:hover {color:#cc0000; text-decoration:underline;}

.postuser {color:#21285d;font-weight:bold;font-size:0.8em;} /*utmb blue*/
a.postuser {color:#21285d; text-decoration:none;} 
a.postuser:hover {color:#cc0000; text-decoration:underline;}

.postdatetime {color:#4a6b8c;font-weight:normal;font-size:0.8em;} /*utmb blue*/
a.postdatetime {color:#4a6b8c; text-decoration:none;} 
a.postdatetime:hover {color:#cc0000; text-decoration:underline;}





.contentbox /* content box - see: iutmb */
{
    border:2px #c3d0de solid; 
    padding:1px; 
    background-color:#21285d; 
    margin: 0px 0px 0px 0px !important;
}
.contentboxheader {
    padding:3px; 
    padding-left:5px; 
    background-color:#5a678d; 
    font-size:0.85em; 
    color:#fff; 
    font-weight:bold; 
    background: repeat-x top left url(images/contentbox.head.bkgd.gif); 
}
.contentboxheader a {color: #fff; text-decoration:none;}
.contentboxheader a:hover 
{
    color: #fff; 
    text-decoration:underline;
}
.contentboxcell {
    padding:3px; 
    background-color:#fff;
}





.searchfield /* SearchUTMB */
{
    /*color:#999;*/
    /*color:#a1acc3;*/
    color:#4a6b8c;
    padding:2px;
    /*border:1px #a1acc3 solid !important;*/
    /*border:1px #5a678d solid !important;*/
    border:1px solid #c3d0de !important;
    font-size: 0.8em; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight:normal; 
    width:auto;
}
input.searchbtn {
    color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight:bold;
    background:#94181c;
    border:1px solid #cc0000 !important;
    /*background:#5a678d;
    border:1px solid #c3d0de !important;*/
}
.searchoptionsbox
{
    text-align:center;
    padding-top:2px;
}
.searchtext, .searchtext a {
    /*color:#a1acc3; light blue*/
    /*color: #4a6b8c; accent blue*/
    color:#fff;
    font-size: .75em;
    font-family: Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    text-decoration:none;
}    
.searchicon
{
    width:23px;
    height:21px;
    float:left;
    background:no-repeat top left url(images/searchglass.gif); /**/
    margin-right:3px;
}




.divheader /* div elements */
{
    color:#fff;
    font-size:0.9em !important;
    font-weight:bold;
    padding:4px;
    padding-left:6px; 
    border:1px #666 solid !important;
    background: #666;
    margin-bottom:2px;
}
.divheader a {color:#fff !important;}
.divheader a:hover {color:#fff;}
.divouter 
{
    border:1px solid #999;
    background: #fff;
    padding:8px;
}
.divinner
{
   border:1px solid #ccc;
   background: #fff;
   /*padding:14px; 
   padding-top:10px;*/
   padding:10px;
}
.divitem {padding:4px; padding-left:6px; border:1px #c3d0de solid !important;}
.divitem a {color:#444;}
.divitem a:hover { color:#cc0000; }
.divborder {border:1px #c3d0de solid !important;}



/* form elements */
.formheader 
{
    color:#fff;
    font-size:0.9em !important;
    font-weight:bold;
    padding:4px;
    padding-left:6px; 
    
    /* ORIGINAL BLUE */
    border:1px #46628f solid !important;
    background: #46628f;
    
    /* GRAY 
    border:1px #444 solid !important;
    background: #666;
    margin-bottom:2px !important;*/
}
.formheader a {color:#fff !important;}
.formheader a:hover {color:#fff;}
.formouter
{
    /*border:1px solid #a1acc3;*/
    border:1px solid #999;
    background-color:#fff;
    padding:8px;
}
.forminner
{
   /*border:1px solid #c3d0de;*/
   border:1px solid #ccc;
   background: #fff;
   padding:20px; 
}
.formcontainerleft {
    float:left;
    text-align:right;
    margin: 1px 1px 1px 1px;
}
.formcontainerright {
    float:left;
    text-align:left;
    margin: 1px 1px 1px 1px;
}
.formtitle 
{
    color:#4a6b8c;
    font-family:Trebuchet, Arial, Helvetica, sans-serif; 
    font-weight:normal;
}
.formlabel 
{
    color: #21285d; 
    font-size: .9em; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight:bold; 
}
.formtips
{
    color: #4a6b8c;
    font-size: 0.77em; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight:normal; 
    text-decoration:none;
}
.formtext 
{
    color: #4a6b8c;
    font-size: .9em; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight:normal; 
    text-decoration:none;
}
.formtextbold 
{
    color: #4a6b8c;
    font-size: .9em; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    text-decoration:none;
}
.formtext2 
{
    color: #666;
    font-size: .9em; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight:normal; 
    text-decoration:none;
}
.formfield 
{
    color: #333; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight:normal; 
}
.formfieldsmall 
{
    color: #333; 
    font-size: .9em; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight:normal; 
}
.datefield 
{
    color: #333; 
    font-size:.9em;
    font-family: Arial, Helvetica, sans-serif; 
    font-weight:normal; 
}
    
    

/* no results found */
.noresults
{
    border:1px solid #a1acc3;
    background: #fff;
    padding:3px;
}
.noresults div
{
   border:1px dotted #c3d0de;
   background: #fff;
   padding:40px; 
   text-align:center;
}
.noresults a
{
}
.noresults a:hover
{
}



/* Error Messages */
.required, .error 
{
    color:#cc0000;
    font-size:.9em;
}




/* css body content drop shadows - lightest color to darkest */
.bodyshadow1 {border:1px solid #f7f7f7;}
.bodyshadow2 {border:1px solid #e5e5e5;}
.bodyshadow3 {border:1px solid #ccc;}


/*ColumnBox (Inner Column DIV for spacing/gutters)------------------->>*/
.columnbox {padding:10px; margin:0px;}
.columnbox2 {padding:10px; margin:2px;background-color:#f4f5f1;height:100%;top:0px;bottom:0px; /*Tan 1 Fill*/}
.columnbox3 {padding:10px; margin:2px; /*No Fill*/}



/*--- Content Box - SEE: about ---*/
.contentbox 
{
border:2px #c3d0de solid; 
padding:1px; 
background-color:#21285d; 
margin: 0px 0px 0px 0px !important;
}
.contentboxcell 
{
padding:3px; 
background-color:#fff;
}
.contentboxheader 
{
padding:3px; 
padding-left:5px; 
background-color:#5a678d; 
font-size:12px; 
color:#fff; 
font-weight:bold; 
background-repeat: repeat-x; 
background-position: top left; 
background-image: url(/experts/images/contentbox.head.bkgd.gif);
}

a.contentboxheader {color: #fff; text-decoration:none;}
a.contentboxheader:hover {color: #fff; text-decoration:underline;}







/* iutmb */
.wavecorner {background: #fff no-repeat top right url(images/wavecorner.gif);}
.wavecorner2 {background: #fff no-repeat top left url(images/wavecorner2.gif);}


/* iutmb: "List" display type */
div#ilist
{
    border-top:1px solid #ccc;
}

div#ilist ul
{
    padding-left: 0;
    margin-left: 20px;
    margin-top:10px !important;
    margin-bottom:0px !important;
    margin-right:10px;
}
div#ilist li
{
    margin-top:5px !important;
    list-style:square;
    color:#c3d0de;
    /*font-size:0.92em;
    font-weight:bold;*/
}
div#ilist li a 
{ 
    text-decoration: none; 
}
div#ilist li a:hover 
{ 
    text-decoration: underline; 
}


/* iutmb: "Paragraph" display type */
div#iparagraph
{
}


/* iutmb: "Of Note" */
div#ofnote
{
    padding:10px;
    border:2px solid #c3d0de;
    margin-bottom:5px;
    margin-top:0px;
    background-color:#f8fafc;
    background-repeat:repeat-x;
    background-position: top left;
    background-image: url('images/bkgdInline.gif');
}

h4.ofnotetitle
{
    color:#4a6b8c !important;
    font-weight:bold !important;
    margin-bottom:10px !important;
    padding-bottom:5px !important;
    border-bottom:1px solid #c3d0de;
}
h4.ofnotetitle span
{
    font-size:0.8em;
    color:#4a6b8c !important;
    font-weight:normal;
    float:right;
    padding-top:3px;
}

div#ofnote ul
{
    padding-left: 0;
    margin-left: 20px;
    margin-top:10px !important;
    margin-bottom:0px !important;
    margin-right:10px;
}
div#ofnote li
{
    margin-top:5px !important;
    list-style:square;
    color:#c3d0de;
    font-size:0.92em;
    font-weight:bold;
}
div#ofnote li a 
{ 
    text-decoration: none; 
}
div#ofnote li a:hover 
{ 
    text-decoration: underline; 
}



/* "Featured Videos" */
div#featuredvideos
{
    /*margin-top:10px;*/ 
    background:#eee; 
    background:#eee repeat-x top left url(images/itabs.bkgd1.gif);
}
h4.featuredvideostitle
{
    margin-left:3px;
    margin-bottom:3px;
    font-size:.95em;
    font-weight:normal !important;
}
h4.featuredvideostitle a
{
    color:#444 !important;
}
h4.featuredvideostitle a:hover
{
    color:#cc0000 !important;
}
h4.featuredvideostitle span.more
{
    float:right;
    color:#4a6b8c;
    font-size:0.9em;/**/
    font-family:Arial, Helvetica, Sans-Serif;
    padding-top:0px;
    margin-right:5px;
}
h4.featuredvideostitle span.more a
{
    color:#4a6b8c !important;
}
h4.featuredvideostitle span.more a:hover
{
    color:#cc0000 !important;
}
h3.featuredvideostitle span.more_arrow
{
    font-size:1.4em;
}
div#featuredvideos_player
{
   background:#fff;
   border:2px solid #aaa;
   padding:2px; 
}
div#featuredvideos_nowviewing
{
    padding:4px;
    /*padding-bottom:6px;*/
    border:1px solid #aaa;
    background-color: #f8fafc;
    font-weight:bold;
    font-size:0.85em;
    margin-top:2px;
    margin-bottom:2px;
    background: repeat-x bottom left url(images/itabs.bkgd2.gif);
}
div#featuredvideos_morevideos
{
    padding:3px;
    margin-top:2px;
    /*margin-bottom:10px;*/
    border:1px solid #aaa;
    /*background-color: #f8fafc;*/
    /*background: #fff no-repeat top left url(images/wavecorner2.gif);*/
    font-weight:normal;
    font-size:0.88em;
}
div#featuredvideos_morevideos span.video_postdate
{
   font-size:0.85em;
   color:#666; 
}