.design2_elements {} /* W3C CSS validator likes CSS files to start with a class instead of comments */
/**
* Design 2 - Design Elements CSS
* Used for stacking CSS classes inline at the page level
*
* @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
*/
.snugtop
{
padding-top:0px;
margin-top:0px;
}
.snugbot
{
padding-bottom:0px;
margin-bottom:0px;
}
/* gutters/margins */
.gutter {padding:10px !important;}
.guttertop {padding-top:10px !important;}
.gutterbot {padding-bottom:10px !important;}
.gutterleft {padding-left:10px !important;}
.gutterright {padding-right:10px !important;}
.gutter2 {padding:18px !important;}
.guttertop2 {padding-top:18px !important;}
.gutterbot2 {padding-bottom:18px !important;}
.gutterleft2 {padding-left:18px !important;}
.gutterright2 {padding-right:18px !important;}
/* fonts */
.arial {font-family:Arial, Helvetica, sans-serif !important;}
.trebuchet {font-family:Trebuchet MS, Arial, Helvetica, sans-serif !important;}
.verdana {font-family:Verdana, Arial, Helvetica, sans-serif !important;}
.times {font-family:Times New Roman, Times, serif !important;}
.calibri {font-family:Calibri, Myriad Pro, Arial, Helvetica, Sans-Serif;}
.fontnormal {font-weight:normal !important;}
.fontbold {font-weight:bold !important;}
.underline {text-decoration:underline !important;}
.none {text-decoration:none !important;}
/* line height */
.readable0 {line-height:1.3em;}
.readable1 {line-height:1.4em;}
.readable2 {line-height:1.5em;}
.readable3 {line-height:1.65em;}
/* floats */
.floatcontainer {overflow:hidden;}
.floatcontainerfull {overflow:hidden; width:100%;}
.floatcontainerauto {overflow:hidden; width:auto;}
.floatleft {float:left;}
.floatright {float:right;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.leftcenter {position:relative;left:50%;}
.rightcenter {position:relative;right:50%;}
.valigntop {vertical-align:top;}
.valignmiddle {vertical-align:middle;}
.valignbottom {vertical-align:bottom;}
.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
/* display */
.show {display:inline !important;}
.hide {display:none !important;}
.bkgdnone {background:none !important;}
.nopadding {padding:0px !important;}
.nomargin {margin:0px !important;}
/* borders */
.noborder {border:none !important;}
.nobordertop {border-top:none !important;}
.noborderbottom {border-bottom:none !important;}
.noborderleft {border-left:none !important;}
.noborderright {border-right:none !important;}
.bordertop {border-top:1px #ccc solid;}
.borderbottom {border-bottom:1px #ccc solid;}
.borderleft {border-left:1px #ccc solid;}
.borderright {border-right:1px #ccc solid;}
.borderdashed {border:1px #ccc dashed;}
.borderdotted {border:1px #ccc dotted;}
.dashed {border-style:dashed !important;}
.dotted {border-style:dotted !important;}
/* padding */
.pad0 {padding:0px !important; margin:0px !important;}
.pad1 {padding:1px !important;}
.pad2 {padding:2px !important;}
.pad3 {padding:3px !important;}
.pad4 {padding:4px !important;}
.pad5 {padding:5px !important;}
.pad6 {padding:6px !important;}
.pad7 {padding:7px !important;}
.pad8 {padding:8px !important;}
.pad9 {padding:9px !important;}
.pad10 {padding:10px !important;}
.pad12 {padding:12px !important;}
.pad14 {padding:14px !important;}
.pad15 {padding:15px !important;}
.pad16 {padding:16px !important;}
.pad18 {padding:18px !important;}
.pad20 {padding:20px !important;}
.pad30 {padding:30px !important;}
.pad40 {padding:40px !important;}
/* padding top */
.padtop0 {padding-top:0px !important;}
.padtop1 {padding-top:1px !important;}
.padtop2 {padding-top:2px !important;}
.padtop3 {padding-top:3px !important;}
.padtop4 {padding-top:4px !important;}
.padtop5 {padding-top:5px !important;}
.padtop6 {padding-top:6px !important;}
.padtop7 {padding-top:7px !important;}
.padtop8 {padding-top:8px !important;}
.padtop10 {padding-top:10px !important;}
.padtop12 {padding-top:12px !important;}
.padtop14 {padding-top:14px !important;}
.padtop15 {padding-top:15px !important;}
.padtop16 {padding-top:16px !important;}
.padtop18 {padding-top:18px !important;}
.padtop20 {padding-top:20px !important;}
.padtop25 {padding-top:25px !important;}
.padtop30 {padding-top:30px !important;}
.padtop35 {padding-top:35px !important;}
.padtop40 {padding-top:40px !important;}
/* padding botom */
.padbot0 {padding-bottom:0px !important;}
.padbot1 {padding-bottom:1px !important;}
.padbot2 {padding-bottom:2px !important;}
.padbot3 {padding-bottom:3px !important;}
.padbot4 {padding-bottom:4px !important;}
.padbot5 {padding-bottom:5px !important;}
.padbot6 {padding-bottom:6px !important;}
.padbot7 {padding-bottom:7px !important;}
.padbot8 {padding-bottom:8px !important;}
.padbot10 {padding-bottom:10px !important;}
.padbot12 {padding-bottom:12px !important;}
.padbot14 {padding-bottom:14px !important;}
.padbot15 {padding-bottom:15px !important;}
.padbot16 {padding-bottom:16px !important;}
.padbot18 {padding-bottom:18px !important;}
.padbot20 {padding-bottom:20px !important;}
.padbot25 {padding-bottom:25px !important;}
.padbot30 {padding-bottom:30px !important;}
.padbot35 {padding-bottom:35px !important;}
.padbot40 {padding-bottom:40px !important;}
/* padding left */
.padleft0 {padding-left:0px !important;}
.padleft1 {padding-left:1px !important;}
.padleft2 {padding-left:2px !important;}
.padleft3 {padding-left:3px !important;}
.padleft4 {padding-left:4px !important;}
.padleft5 {padding-left:5px !important;}
.padleft6 {padding-left:6px !important;}
.padleft7 {padding-left:7px !important;}
.padleft8 {padding-left:8px !important;}
.padleft10 {padding-left:10px !important;}
.padleft12 {padding-left:12px !important;}
.padleft14 {padding-left:14px !important;}
.padleft15 {padding-left:15px !important;}
.padleft16 {padding-left:16px !important;}
.padleft18 {padding-left:18px !important;}
.padleft20 {padding-left:20px !important;}
.padleft25 {padding-left:25px !important;}
.padleft30 {padding-left:30px !important;}
.padleft35 {padding-left:35px !important;}
.padleft40 {padding-left:40px !important;}
/* padding right */
.padright0 {padding-right:0px !important;}
.padright1 {padding-right:1px !important;}
.padright2 {padding-right:2px !important;}
.padright3 {padding-right:3px !important;}
.padright4 {padding-right:4px !important;}
.padright5 {padding-right:5px !important;}
.padright6 {padding-right:6px !important;}
.padright7 {padding-right:7px !important;}
.padright8 {padding-right:8px !important;}
.padright10 {padding-right:10px !important;}
.padright12 {padding-right:12px !important;}
.padright14 {padding-right:14px !important;}
.padright15 {padding-right:15px !important;}
.padright16 {padding-right:16px !important;}
.padright18 {padding-right:18px !important;}
.padright20 {padding-right:20px !important;}
.padright25 {padding-right:25px !important;}
.padright30 {padding-right:30px !important;}
.padright35 {padding-right:35px !important;}
.padright40 {padding-right:40px !important;}
/* margins */
.margin0 {margin:0px !important;}
.margin1 {margin:1px !important;}
.margin2 {margin:2px !important;}
.margin3 {margin:3px !important;}
.margin4 {margin:4px !important;}
.margin5 {margin:5px !important;}
.margin6 {margin:6px !important;}
.margin7 {margin:7px !important;}
.margin8 {margin:8px !important;}
.margin9 {margin:9px !important;}
.margin10 {margin:10px !important;}
.margin12 {margin:12px !important;}
.margin14 {margin:14px !important;}
.margin15 {margin:15px !important;}
.margin16 {margin:16px !important;}
.margin18 {margin:18px !important;}
.margin20 {margin:20px !important;}
.margin30 {margin:30px !important;}
.margin40 {margin:40px !important;}
/* margins top */
.mtop0 {margin-top:0px !important;}
.mtop2 {margin-top:2px !important;}
.mtop3 {margin-top:3px !important;}
.mtop4 {margin-top:4px !important;}
.mtop5 {margin-top:5px !important;}
.mtop6 {margin-top:6px !important;}
.mtop8 {margin-top:8px !important;}
.mtop10 {margin-top:10px !important;}
.mtop12 {margin-top:12px !important;}
.mtop14 {margin-top:14px !important;}
.mtop16 {margin-top:16px !important;}
.mtop18 {margin-top:18px !important;}
.mtop20 {margin-top:20px !important;}
.mtop22 {margin-top:22px !important;}
.mtop24 {margin-top:24px !important;}
.mtop25 {margin-top:25px !important;}
.mtop26 {margin-top:26px !important;}
.mtop28 {margin-top:28px !important;}
.mtop30 {margin-top:30px !important;}
.mtop35 {margin-top:35px !important;}
.mtop40 {margin-top:40px !important;}
/* margins bottom */
.mbot0 {margin-bottom:0px !important;}
.mbot2 {margin-bottom:2px !important;}
.mbot3 {margin-bottom:3px !important;}
.mbot4 {margin-bottom:4px !important;}
.mbot5 {margin-bottom:5px !important;}
.mbot6 {margin-bottom:6px !important;}
.mbot8 {margin-bottom:8px !important;}
.mbot10 {margin-bottom:10px !important;}
.mbot12 {margin-bottom:12px !important;}
.mbot14 {margin-bottom:14px !important;}
.mbot16 {margin-bottom:16px !important;}
.mbot18 {margin-bottom:18px !important;}
.mbot20 {margin-bottom:20px !important;}
.mbot22 {margin-bottom:22px !important;}
.mbot24 {margin-bottom:24px !important;}
.mbot25 {margin-bottom:25px !important;}
.mbot26 {margin-bottom:26px !important;}
.mbot28 {margin-bottom:28px !important;}
.mbot30 {margin-bottom:30px !important;}
.mbot35 {margin-bottom:35px !important;}
.mbot40 {margin-bottom:40px !important;}
/* margins left */
.mleft0 {margin-left:0px !important;}
.mleft2 {margin-left:2px !important;}
.mleft3 {margin-left:3px !important;}
.mleft4 {margin-left:4px !important;}
.mleft5 {margin-left:5px !important;}
.mleft6 {margin-left:6px !important;}
.mleft8 {margin-left:8px !important;}
.mleft10 {margin-left:10px !important;}
.mleft12 {margin-left:12px !important;}
.mleft14 {margin-left:14px !important;}
.mleft16 {margin-left:16px !important;}
.mleft18 {margin-left:18px !important;}
.mleft20 {margin-left:20px !important;}
.mleft22 {margin-left:22px !important;}
.mleft24 {margin-left:24px !important;}
.mleft25 {margin-left:25px !important;}
.mleft26 {margin-left:26px !important;}
.mleft28 {margin-left:28px !important;}
.mleft30 {margin-left:30px !important;}
.mleft35 {margin-left:35px !important;}
.mleft40 {margin-left:40px !important;}
/* margins right */
.mright0 {margin-right:0px !important;}
.mright2 {margin-right:2px !important;}
.mright3 {margin-right:3px !important;}
.mright4 {margin-right:4px !important;}
.mright5 {margin-right:5px !important;}
.mright6 {margin-right:6px !important;}
.mright8 {margin-right:8px !important;}
.mright10 {margin-right:10px !important;}
.mright12 {margin-right:12px !important;}
.mright14 {margin-right:14px !important;}
.mright16 {margin-right:16px !important;}
.mright18 {margin-right:18px !important;}
.mright20 {margin-right:20px !important;}
.mright22 {margin-right:22px !important;}
.mright24 {margin-right:24px !important;}
.mright25 {margin-right:25px !important;}
.mright26 {margin-right:26px !important;}
.mright28 {margin-right:28px !important;}
.mright30 {margin-right:30px !important;}
.mright35 {margin-right:35px !important;}
.mright40 {margin-right:40px !important;}
/* width */
.w10 {width:10px !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w35 {width:35px !important;}
.w40 {width:40px !important;}
.w45 {width:45px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.wfull {width:100% !important;}
.widthfull {width:100%;}
.widthauto {width:auto;}
/* opacity / alpha transparency */
.trans50
{
filter:alpha(opacity=50) !important; /* ie */
-moz-opacity:0.5 !important; /* old mozilla [netscape] */
-khtml-opacity:0.5 !important; /* old safari */
opacity:0.5 !important; /* current css standard, most modern browsers */
}
.trans40
{
filter:alpha(opacity=40) !important;
-moz-opacity:0.4 !important;
-khtml-opacity:0.4 !important;
opacity:0.4 !important;
}
.trans30
{
filter:alpha(opacity=30) !important;
-moz-opacity:0.3 !important;
-khtml-opacity:0.3 !important;
opacity:0.3 !important;
}
.trans20
{
filter:alpha(opacity=20) !important;
-moz-opacity:0.2 !important;
-khtml-opacity:0.2 !important;
opacity:0.2 !important;
}
.trans10
{
filter:alpha(opacity=10) !important;
-moz-opacity:0.1 !important;
-khtml-opacity:0.1 !important;
opacity:0.1 !important;
}
/* transparency PNG fills */
.trans_white50
{
background:top left url("../../App_Assets/images/transfill_white50.png");
}
.stylebox
{
border:1px solid #eee;
margin:4px;
}
/**
* [ WELCOME PAGE ] example layout thumbnails ---------------------------------------------->>> *
*/
div#styleguide_layout_float_1, div#styleguide_layout_float_2,
div#styleguide_layout_float_3, div#styleguide_layout_float_4,
div#styleguide_layout_float_5, div#styleguide_layout_float_6,
div#styleguide_layout_full_1, div#styleguide_layout_full_2,
div#styleguide_layout_full_3
{
display:block;
width:150px;
height:108px;
border:1px solid #888;
margin-top:5px;
margin-bottom:3px;
}
div#styleguide_layout_float_1
{
background:#eee repeat-x top left url(images/templates/layout_float_1.gif);
}
div#styleguide_layout_float_2
{
background:#eee repeat-x top left url(images/templates/layout_float_2.gif);
}
div#styleguide_layout_float_3
{
background:#eee repeat-x top left url(images/templates/layout_float_3.gif);
}
div#styleguide_layout_float_4
{
background:#eee repeat-x top left url(images/templates/layout_float_4.gif);
}
div#styleguide_layout_float_5
{
background:#eee repeat-x top left url(images/templates/layout_float_5.gif);
}
div#styleguide_layout_float_6
{
background:#eee repeat-x top left url(images/templates/layout_float_6.gif);
}
div#styleguide_layout_float_7
{
background:#eee repeat-x top left url(images/templates/layout_float_7.gif);
}
div#styleguide_layout_float_8
{
background:#eee repeat-x top left url(images/templates/layout_float_8.gif);
}
div#styleguide_layout_full_1
{
background:#eee repeat-x top left url(images/templates/layout_full_1.gif);
}
div#styleguide_layout_full_2
{
background:#eee repeat-x top left url(images/templates/layout_full_2.gif);
}
div#styleguide_layout_full_3
{
background:#eee repeat-x top left url(images/templates/layout_full_3.gif);
}
/* [ Layout Pages ] Example image box - for site template layouts */
.example_box_1
{
height:65px;
background:#fff top left no-repeat url(images/templates/example_box_1a.png);
border:1px solid #999;
margin-top:10px;
}