.design2_design{} /* W3C CSS validator likes CSS files to start with a class instead of comments */

/**
 * Design 2 - Design CSS
 * For template color definitions and overall site design
 *
 * @author Mike Cooper, UTMB Public Affairs <mgcooper@utmb.edu> 
 * @copyright 2010 UTMB, The University of Texas Medical Branch at Galveston
 * @version Design 2 - Skin v1.2 - Oct 8, 2010
 *
 * NEW UTMB GRAY (Color 1)
 * PMS Cool Gray 10
 * C 38, M 29, Y 20, K 58
 * R 97, G 99, B 101
 * HTML #616365
 *
 * NEW UTMB RED (Color 2)
 * PMS 1788
 * C 0, M 88, Y 80, K 0
 * R 234, G 40, B 57
 * HTML #EA2839 
*/


html
{
    /*height:100%;*/
}

body 
{
    color:#555;
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
    background-color:#f2f2f2;
    
    top:0px;
    text-align:left;
    padding:0;
    margin:0;
    margin-top:0px;
    /*margin-bottom:0px;
	height:100%;
	min-height:100%;
    bottom:0px;*/
    
    scrollbar-face-color:#f2f2f2;
    scrollbar-track-color:#f2f2f2;
    scrollbar-3dlight-color:#fff;
    scrollbar-highlight-color:#555;
    scrollbar-shadow-color:#555;
    scrollbar-darkshadow-color:#ccc;
    scrollbar-arrow-color:#336699;
}


/* generic link */
a  
{
    color:#EA2839; /*UTMB RED*/ 
    cursor:pointer; 
    outline:none;
    text-decoration:none; 
}
a:hover  
{
    color:#EA2839; /*UTMB RED*/ 
    text-decoration:underline;  
}


/* lazy load colors */
.red {color:#EA2839 !important;} /*UTMB RED*/
.gray {color:#616365 !important;} /*UTMB GRAY*/
.gold {color:#ede4c8 !important;} /*UTMB Gold/Tan*/

.black {color:#000 !important;} 
.green {color:#669900 !important;} 
.orange {color:#ff9900 !important;} 
.teal {color:#009999 !important;} 

.blue {color:#616365 !important;} /*navy blue*/
.blue2 {color:#336699 !important;} /*accent blue*/
.blue3 {color:#49749a !important;} /*another accent blue*/
.blue4 {color:#3399cc !important;} /*electric blue*/


/* UTMB template font colors */
.color0 {color:#000000 !important;} /*black*/
.color1 {color:#616365 !important;} /*utmb gray*/
.color2 {color:#EA2839 !important;} /*utmb red*/
.color3 {color:#333 !important;} /*dark gray*/
.color4 {color:#666 !important;} /*mid gray*/
.color5 {color:#ccc !important;} /*light gray*/
.color6 {color:#ede4c8 !important;} /*utmb gold/tan*/
.color7 {color:#ffffff !important;} /*white*/
.color8 {color:#EC7A08 !important;} /*utmb orange*/
.color9 {color:#AEA444 !important;} /*utmb mid green*/


/* UTMB template link colors */
a.link0 {color:#000000 !important; text-decoration:none !important;} 
a.link0:hover {color:#3399cc !important; text-decoration:underline !important;}

a.link1 {color:#616365 !important; text-decoration:none !important;} 
a.link1:hover {color:#3399cc !important; text-decoration:underline !important;}

a.link2 {color:#EA2839 !important; text-decoration:none !important;} 
a.link2:hover {color:#616365 !important; text-decoration:underline !important;}

a.link3 {color:#333 !important; text-decoration:none !important;} 
a.link3:hover {color:#EA2839 !important; text-decoration:underline !important;}

a.link4 {color:#666 !important; text-decoration:none !important;} 
a.link4:hover {color:#EA2839 !important; text-decoration:underline !important;}

a.link5 {color:#ccc !important; text-decoration:none !important;} 
a.link5:hover {color:#EA2839 !important; text-decoration:underline !important;}

a.link6 {color:#ede4c8 !important; text-decoration:none !important;} 
a.link6:hover {color:#EA2839 !important; text-decoration:underline !important;}

a.link7 {color:#ffffff !important; text-decoration:none;} 
a.link7:hover {color:#ffffff !important; text-decoration:underline !important;}

a.link8 {color:#EC7A08 !important; text-decoration:none;} 
a.link8:hover {color:#EA2839 !important; text-decoration:underline !important;}

a.link9 {color:#AEA444 !important; text-decoration:none;} 
a.link9:hover {color:#AEA444 !important; text-decoration:underline !important;}


/* default border - light gray */
.border {border:1px #ccc solid !important;}


/* UTMB template border colors */
.border0 {border:1px #000000 solid !important;}
.border1 {border:1px #616365 solid !important;}
.border2 {border:1px #EA2839 solid !important;}
.border3 {border:1px #333 solid !important;}
.border4 {border:1px #616365 solid !important;} 
.border5 {border:1px #ccc solid !important;}
.border6 {border:1px #ede4c8 solid !important;}
.border7 {border:1px #ffffff solid !important;}
.border8 {border:1px #EC7A08 solid !important;}
.border9 {border:1px #AEA444 solid !important;}


/* UTMB template bkgd colors */
.background0 {background:#000000 !important;}
.background1 {background:#616365 !important;}
.background2 {background:#EA2839 !important;}
.background3 {background:#333 !important;}
.background4 {background:#616365 !important;}
.background5 {background:#ccc !important;}
.background6 {background:#ede4c8 !important;}
.background7 {background:#ffffff !important;}
.background8 {background:#EC7A08 !important;}
.background9 {background:#AEA444 !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.accent6link {color:#eee !important; text-decoration:none !important;} 
a.accent6link:hover {color:#eee !important; text-decoration:underline !important;}
.aborder6 {border:1px #eee solid !important;}
.abkgd6 {background:#eee !important;}

.accent7 {color:#fff !important;} /*white*/
a.accent7link {color:#fff !important; text-decoration:none !important;} 
a.accent7link: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 - color5*/
.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(https://www.utmb.edu/international/App_Themes/Default/images/layout/bkgd.fade1.gif) !important; } /*tan to white*/
.fade2 { background:#f2f3ed repeat-x url(https://www.utmb.edu/international/App_Themes/Default/images/layout/bkgd.fade2.gif) !important; } /*beige to tan - color col*/
.fade3 { background:#fff repeat-x url(https://www.utmb.edu/international/App_Themes/Default/images/layout/bkgd.fade3.gif) !important; } /*light blue to white*/
.fade4 { background:#f5f8fa repeat-x url(https://www.utmb.edu/international/App_Themes/Default/images/layout/bkgd.fade4.gif) !important; } /* light blue to pale blue - color col*/
.fade5 { background:#fff repeat-x url(https://www.utmb.edu/international/App_Themes/Default/images/layout/bkgd.fade5.gif) !important; } /* light tan to white short - color col*/

.tabfade1 { background:repeat-x top left url(https://www.utmb.edu/international/App_Themes/Default/images/tabs/itabs.bkgd1.gif); } /*see iTabs*/
.tabfade2 { background:repeat-x bottom left url(https://www.utmb.edu/international/App_Themes/Default/images/tabs/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 {}


strong, b
{
    color:#333; /*make bold text darker automatically*/
}


h1 {
	font-size:1.95em; 
	color:#616365; /*UTMB GRAY*/
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:Georgia, Times New Roman, Times, serif;
}
    h1 a 
    { 
        color:#616365; /*UTMB GRAY*/
        text-decoration:none !important; 
    }
    h1 a:hover 
    { 
        color:#EA2839; /*UTMB RED*/
        text-decoration:underline !important; 
    }

h2 {
	font-size:1.75em;
	color:#616365; /*UTMB GRAY*/
	color:#444; 
	margin:0px;
	padding:0px;
	font-weight:normal;
	letter-spacing:-0.02em;
	font-family:Georgia, Times New Roman, Times, serif;
	line-height:1.5em;
}
	h2 span.detail 
	{
		color:#EA2839 !important; /*UTMB RED*/
		font-size:0.6em !important; /*subtext*/
		font-family:Arial, Sans-Serif !important;
		line-height:1.7em;
	}
    

h3 {
	font-size:1.3em;
	color:#EA2839; /*UTMB RED*/
	margin:0px;
	padding:0px;
	font-weight:normal !important;
	letter-spacing:-0.02em;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
}
    


h4 {
	font-size:1.1em;
	color:#EA2839; /*UTMB RED*/
	color:#616365; /*UTMB GRAY*/
	color:#444; 
	margin:0px;
	padding:0px;
	font-weight:bold;
	letter-spacing:-0.02em;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
}
    h4 a 
    { 
        color:#616365 !important; 
        text-decoration:none !important; 
    }
    h4 a:hover 
    { 
        color:#EA2839 !important; 
        text-decoration:underline !important; 
    }


h5 {
	font-size:1.05em;
	color:#000;
	margin:0px;
	padding:0px;
	font-weight:bold !important;
	font-family:Arial, Helvetica, sans-serif;
}
    h5 a 
    { 
        color:#000 !important; 
        text-decoration:none !important; 
    }
    h5 a:hover 
    { 
        color:#EA2839; /*UTMB RED*/
        text-decoration:underline !important; 
    }


h6 {
	font-size:0.8em;
	color:#333;
	margin:0px;
	padding:0px;
	font-weight:bold !important;
	font-family:Arial, Helvetica, sans-serif;
}
    h6 a 
    { 
        color:#333 !important; 
        text-decoration:none !important; 
    }
    h6 a:hover 
    { 
        color:#3399cc !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 								
{ 
    overflow:auto; 
    display:block; 
    padding:10px;
	background:#F0F0F0;
	margin-bottom:15px; 
	margin-top:5px; 
	width:auto; 
}


.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 {}



/* posts */
.posttitle 
{
    color:#222; /*dark gray*/
    font-weight:bold;
}
    a.posttitle {color:#222; text-decoration:none;} 
    a.posttitle:hover {color:#EA2839; text-decoration:underline;} /*utmb red*/

.posttext 
{
    color:#336699;
    font-weight:normal;
    font-size:0.8em;
}
    a.posttext {color:#336699; text-decoration:none;}
    a.posttext:hover {color:#3399cc; text-decoration:underline;}

.postuser 
{
    color:#EA2839; /*utmb gray*/
    font-weight:bold;
    font-size:0.8em;
}
    a.postuser {text-decoration:none;} 
    a.postuser:hover {text-decoration:underline;}

.postdatetime 
{
    color:#EA2839; /*utmb red*/
    font-weight:normal;
    font-size:0.8em;
} 
    a.postdatetime {text-decoration:none;} 
    a.postdatetime:hover {text-decoration:underline;}




.searchfield /* SearchUTMB */
{
    color:#666;
    padding:2px;
    border:1px solid #ccc !important;
    font-size:0.8em; 
    font-family:Arial, Helvetica, sans-serif; 
    font-weight:normal; 
    width:auto;
}
.searchlist /* Search drop down list */
{
    color:#666;
    padding:1px;
    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:#666;
    border:1px solid #ccc !important;
}
.searchoptionsbox
{
    text-align:center;
    padding-top:2px;
}
.searchtext, .searchtext a {
    color:#666;
    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(https://www.utmb.edu/international/App_Themes/Default/images/icons/searchglass_whitebkgd.png);
    margin-right:3px;
}





/* jQuery Tools TABS ------------------------------------------------------------------------------------->>> */


/* root element for tabs  */
ul.jtools_tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.jtools_tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.jtools_tabs a { 
	background:url(https://www.utmb.edu/international/App_Themes/Default/images/tabs/jtools_tabs_blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height:30px;  
	line-height:30px;
	width:134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.jtools_tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.jtools_tabs a:hover {
	background-position:-420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.jtools_tabs a.current, ul.jtools_tabs a.current:hover, ul.jtools_tabs li.current a {
	background-position:-420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs:use a class name:w1, w2, w3 or w2 */


/* width 1 */
ul.jtools_tabs a.s 			{ background-position:-553px 0; width:81px; }
ul.jtools_tabs a.s:hover 	{ background-position:-553px -31px; }
ul.jtools_tabs a.s.current  { background-position:-553px -62px; }

/* width 2 */
ul.jtools_tabs a.l 			{ background-position:-248px -0px; width:174px; }
ul.jtools_tabs a.l:hover 	{ background-position:-248px -31px; }
ul.jtools_tabs a.l.current  { background-position:-248px -62px; }

/* width 3 */
ul.jtools_tabs a.xl 			{ background-position:0 -0px; width:248px; }
ul.jtools_tabs a.xl:hover 	{ background-position:0 -31px; }
ul.jtools_tabs a.xl.current { background-position:0 -62px; }


/* initially all panes are hidden */ 
div.jtools_panes div.jtools_pane_content {
	display:none;		
}


/* tab pane styling */
div.jtools_pane_content {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	/*height:100px;*/
	font-size:14px;
	background-color:#fff;
}





/* jQuery Wrap & JQuery Tools itabs - rounded corners - see iUTMB --------------------------------------------->>> */

.itabs_container 
{
    padding-left:30px;
    height:35px;
}

/* root element for tabs  */
ul.itabs { 
	
	list-style:none; 
	margin:0 !important; 
	padding:0;	
}

/* single tab */
ul.itabs li { 
	float:left;	
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.itabs a { 
	color:#444;
    text-decoration:none;
    background:repeat-x bottom left url(https://www.utmb.edu/international/App_Themes/Default/images/tabs/itabs.bkgd2.gif);
    font-size:.8em;
    position:relative;
    top:8px;
    margin-right:0px;
}

ul.itabs a, ul.itabs a span { 
	display:block;
	float:left;
}

ul.itabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.itabs a:hover {
	color:#fff;
    text-decoration:none;
    background:#b2b2b2 repeat-x bottom left url(https://www.utmb.edu/international/App_Themes/Default/images/tabs/itabs.bkgd.hover.gif);
    font-weight:normal;
    font-size:.8em;
    position:relative;
    top:9px;
}


ul.itabs span.itab
{
    padding-left:14px;
    padding-right:14px;
    padding-top:5px;
    padding-bottom:3px;
	background-color:transparent !important;
}


/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.itabs a.current, ul.itabs a.current:hover, ul.itabs li.current a {
	color:#EA2839;
    background:#fff;
    text-decoration:none;
    font-weight:bold;
    font-size:.95em;
    position:relative;
    border-bottom:1px solid #fff;
	top:2px;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.itabs a.current span.itab, ul.itabs a.current:hover span.itab, ul.itabs li.current a span.itab {
	padding-top:6px;
	padding-bottom:7px;
}

.ipanes_container {
	clear:both !important;
}

/* initially all panes are hidden */ 
div.ipanes div.ipane_content {
	display:none;
}

/* tab pane styling */
div.ipane_content {
	display:none;		
	font-size:14px;
	background-color:#fff;
}






/* CSS for jQuery Tab Wrap - see:App_Assets/script/common.js ---------------------------------------------------------->>> */

/**
 * "tabs" #bbb w/ slight drop, pg bkgd tan corner matte
 * usage:<div class="boxtabs"></div> 
*/
span.tab {} /* assigned in page */
span.jtabs {} /* assigned in jQuery script - see:App_Assets/scripts/common.js  */

    span.jtabs_t {background:url(https://www.utmb.edu/international/App_Themes/Default/images/boxes/box1_t.gif) 0 0 repeat-x;/*float:left;width:100%;*/}
    span.jtabs_l {background:url(https://www.utmb.edu/international/App_Themes/Default/images/boxes/box1_l.gif) 0 0 repeat-y;}
    span.jtabs_r {background:url(https://www.utmb.edu/international/App_Themes/Default/images/boxes/box1_r.gif) 100% 0 repeat-y;}

        span.jtabs_tl {background:url(https://www.utmb.edu/international/App_Themes/Default/images/boxes/box1_tl.gif) 0 0 no-repeat;}
        span.jtabs_tr {background:url(https://www.utmb.edu/international/App_Themes/Default/images/boxes/box1_tr.gif) 100% 0 no-repeat;} 






/* CSS for jQuery Box Wrap - see:App_Assets/script/common.js ---------------------------------------------------------->>> */

/** 
 * "box" #bbb w/ slight drop, pg bkgd tan corner matte
 * usage:<div class="box"></div> 
*/
div.box { /*background:#fff !important;*/ } /* assigned in page */
div.jbox { /*background:#fff !important;*/ } /* assigned in jQuery script - see:App_Assets/scripts/common.js  */

    /* NOTE:Disabled rounded corners this design template ---->>

    div.jbox_t {background:url(images/boxes/box1_t.gif) 0 0 repeat-x;float:left;width:100%;}
    div.jbox_b {background:url(images/boxes/box1_b.gif) 0 100% repeat-x;}
    div.jbox_l {background:url(images/boxes/box1_l.gif) 0 0 repeat-y;}
    div.jbox_r {background:url(images/boxes/box1_r.gif) 100% 0 repeat-y;}
    
        div.jbox_bl {background:url(images/boxes/box1_bl.gif) 0 100% no-repeat;}
        div.jbox_br {background:url(images/boxes/box1_br.gif) 100% 100% no-repeat;}
        div.jbox_tl {background:url(images/boxes/box1_tl.gif) 0 0 no-repeat;}
        div.jbox_tr {background:url(images/boxes/box1_tr.gif) 100% 0 no-repeat;padding:5px;}*/
        
        
        
        

/* CSS for jQuery Tabs iPanes Box Wrap - see:App_Assets/script/common.js ---------------------------------------------------------->>> */

/** 
 * "box" #bbb w/ slight drop, pg bkgd tan corner matte
 * usage:<div class="box"></div> 
*/
div.ipanes { background:#fff !important;padding:0px;margin:0px; } /*------------ CHANGED 9/26/10 <mgcooper@utmb.edu> */
div.jtabsbox { background:#fff !important;padding:0px;margin:0px; } /* assigned in jQuery script - see:App_Assets/scripts/common.js  */

    /* NOTE:jtabsbox is a new addition just for the ipanes*/

   div.jtabsbox_t {background:url(https://www.utmb.edu/international/App_Themes/Default/images/boxes/box1_t.gif) 0 0 repeat-x;float:left;width:100%;}
    div.jtabsbox_b {background:url(https://www.utmb.edu/international/App_Themes/Default/images/boxes/box1_b.gif) 0 100% repeat-x;}
    div.jtabsbox_l {background:url(https://www.utmb.edu/international/App_Themes/Default/images/boxes/box1_l.gif) 0 0 repeat-y;}
    div.jtabsbox_r {background:url(https://www.utmb.edu/international/App_Themes/Default/images/boxes/box1_r.gif) 100% 0 repeat-y;}
    
        div.jtabsbox_bl {background:url(https://www.utmb.edu/international/App_Themes/Default/images/boxes/box1_bl.gif) 0 100% no-repeat;}
        div.jtabsbox_br {background:url(https://www.utmb.edu/international/App_Themes/Default/images/boxes/box1_br.gif) 100% 100% no-repeat;}
        div.jtabsbox_tl {background:url(https://www.utmb.edu/international/App_Themes/Default/images/boxes/box1_tl.gif) 0 0 no-repeat;}
        div.jtabsbox_tr {background:url(https://www.utmb.edu/international/App_Themes/Default/images/boxes/box1_tr.gif) 100% 0 no-repeat;padding:5px;} /**/






/* Content Boxes ------------------------------------------------------------------------------------------------------->>> */


/* articlebox */
.articlebox 
{
    padding:14px;
    margin-bottom:5px;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
}



/* infobox */
.infobox 
{
	border:1px solid #ccc;
	background-color:#f2f3ed;
	padding:10px;
}


/* infobox2 */
.infobox2 
{
	border:1px solid #ccc;
	background:#fff repeat-x url(https://www.utmb.edu/international/App_Themes/Default/images/layout/bkgd.fade1.gif) !important;
	padding:10px;
}


/* contentbox */
.contentbox {} 
.contentbox .head
{
    font-size:0.95em;
	font-weight:bold;
    border:1px solid #ccc;
    padding:6px;
    margin-bottom:2px;
    cursor:pointer;
    background:repeat-x bottom left url(https://www.utmb.edu/international/App_Themes/Default/images/tabs/itabs.bkgd2.gif); /*see iTabs*/ 
}
.contentbox .head a {text-decoration:none;}
.contentbox .head a:hover {text-decoration:underline;}
.contentbox .content 
{
    border:1px solid #ccc;
    background:#fff;
    padding:8px;
}
.contentbox .inner
{
   border:1px solid #eee;
   background:#fff;
   padding:10px;
}




/* contentbox2 */
.contentbox2 
{
    border:2px #c3d0de solid; 
    padding:1px; 
    background-color:#616365; 
    margin:0px 0px 0px 0px !important;
}
.contentbox2 .head {
    padding:5px; 
    background-color:#5a678d; 
    font-size:0.85em; 
    color:#fff; 
    font-weight:bold; 
    background:#5a678d repeat-x top left url(https://www.utmb.edu/international/App_Themes/Default/images/boxes/contentbox.head.bkgd.gif); 
}
.contentbox2 .head a {color:#fff; text-decoration:none;}
.contentbox2 .head a:hover 
{
    color:#fff; 
    text-decoration:underline;
}
.contentbox2 .content {
    padding:5px; 
    background-color:#fff;
}



/* contentbox3 */
.contentbox3 {} 
.contentbox3 .head
{
    color:#fff;
    font-size:0.9em !important;
    font-weight:bold;
    padding:4px;
    padding-left:6px; 
    border:1px #46628f solid !important;
    background:#46628f; /* blue */
}
.contentbox3 .head a {color:#fff;text-decoration:none;}
.contentbox3 .head a:hover {color:#fff;text-decoration:underline;}
.contentbox3 .content
{
    border:1px solid #999;
    background:#fff;
    padding:8px;
}
.contentbox3 .inner
{
   border:1px solid #ccc;
   background:#fff;
   padding:10px;
}






/* FORMS ------------------------------------------------------------------------------------------------->>> */

.formheader 
{
    color:#fff;
    font-size:0.9em !important;
    font-weight:bold;
    padding:4px;
    padding-left:6px; 
    
    /* 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 #999;
    background-color:#fff;
    padding:8px;
}
.forminner
{
   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:#336699;
    font-family:Trebuchet, Arial, Helvetica, sans-serif; 
    font-weight:normal;
}
.formlabel 
{
    color:#616365; 
    font-size:.9em; 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-weight:bold; 
}
.formtips
{
    color:#336699;
    font-size:0.77em; 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-weight:normal; 
    text-decoration:none;
}
.formtext 
{
    color:#336699;
    font-size:.9em; 
    font-family:Arial, Helvetica, sans-serif; 
    font-weight:normal; 
    text-decoration:none;
}
.formtextbold 
{
    color:#336699;
    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 #ddd;
    background:#fff;
    padding:3px;
}
.noresults div
{
   border:1px dotted #ccc;
   background:#fff;
   padding:40px; 
   text-align:center;
}



/* Error Messages */
.required, .error 
{
    color:#CC0000;
    font-size:.9em;
}




/* Table - AltRow Color & Hover */
.table
{
    border-top:solid 1px #999;
    border-left:solid 1px #999;
    border-bottom:1px solid #78797b;
    border-right:1px solid #78797b;
    width:100%;
}

.table caption /* single title header */
{
    text-align:center;
    color:#fff;
    background:#78797b repeat-x top left url(https://www.utmb.edu/international/App_Themes/Default/images/layout/header.linkbar.bkgd.gif);
    border-bottom:1px solid #666;
    border-right:1px solid #666;
    padding:6px;
    
}
    .table caption a
    {
        color:#fff;
    }
    
.table thead tr th /* table header */
{
    background:#ede4c8; /*Slightly lightened Tan*/
    font-size:0.8em;
    font-weight:bold;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    padding:4px;
}
    .table thead tr th a /* header links */
    {
        color:#555;
        text-decoration:none;
    }
    .table thead tr th a:hover
    {
        color:#EA2839; /*UTMB RED*/
        text-decoration:underline;
    }
    
.table tr td /* row divs */
{
    padding:4px;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    margin:1px;
}

.table tr /* main row color */
{
    background:#fff;
}
    .table tr:hover /* main row hover color */
    {
        background:#dde7f1 !important;
    }
    
.table tr.altrow /* alt row color */
{
    background:#f2f2f2;
}
    .table tr.altrow:hover /* alt row hover color */
    {
        background:#dde7f1 !important;
    }
    

.table tr a /* links */
{
    color:#333;
    text-decoration:underline;
}
.table tr a:hover /* link hover */
{
    color:#EA2839; /*UTMB RED*/
    text-decoration:underline;
}
    

/* 
 * TABLE usage:
 
<table class="table" cellspacing="0" cellpadding="0" border="0">
    <caption> TABLE CLASS EXAMPLE </caption>
    <thead>
        <tr>
            <th><a href="">Header 1</a></th>
            <th><a href="">Header 2</a></th>
            <th>Header 3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><a href="">Testing Row 1</a></td>
            <td><a href="">Testing</a></td>
            <td>Testing</td>
        </tr>
        <tr>
            <td><a href="">Testing Row 2</a></td>
            <td><a href="">Testing</a></td>
            <td>Testing</td>
        </tr>
        <tr>
            <td><a href="">Testing Row 3</a></td>
            <td><a href="">Testing</a></td>
            <td>Testing</td>
        </tr>
        <tr>
            <td><a href="">Testing Row 4</a></td>
            <td><a href="">Testing</a></td>
            <td>Testing</td>
        </tr>
    </tbody>
</table>
*/




/* Photos & Captions */
.photo
{
    background:#fff;
    border:1px solid #ccc;
    padding:2px;
}

.photocaption_container
{
    margin-top:5px;
    margin-bottom:5px;
}

.photocaption
{
    font-size:0.8em !important;
    line-height:1.35em;
    color:#336699;
}

.photoleft /* align left */
{
    float:left;
    margin-right:14px;
    margin-bottom:5px;
}

.photoright /* align right */
{
    float:right;
    margin-left:14px;
    margin-bottom:5px;
}