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

/* 
[Standard] Design Elements
Mike Cooper, UTMB Public Affairs 
Last Updated: September 23, 2009
*/


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


/* 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;}

.widthfull {width:100%;}
.widthauto {width:auto;}

.bkgdnone {}


/* borders */
.border {border:1px #ccc solid !important;}

.bordertop {border-top:1px #ccc solid !important;}
.borderbottom {border-bottom:1px #ccc solid !important;}
.borderleft {border-left:1px #ccc solid !important;}
.borderright {border-right:1px #ccc solid !important;}

.noborder {border:none !important;}

.nobordertop {border-top:none !important;}
.noborderbottom {border-bottom:none !important;}
.noborderleft {border-left:none !important;}
.noborderright {border-right:none !important;}

.borderdashed {border:1px #ccc dashed !important;}
.borderdotted {border:1px #ccc dotted !important;}

.dashed {border-style:dashed !important;}
.dotted {border-style:dotted !important;}


/* padding */
.divpad0 {padding:0px !important; margin:0px !important;}
.divpad1 {padding:1px !important;}
.divpad2 {padding:2px !important;}
.divpad3 {padding:3px !important;}
.divpad4 {padding:4px !important;}
.divpad5 {padding:5px !important;}
.divpad6 {padding:6px !important;}
.divpad7 {padding:7px !important;}
.divpad8 {padding:8px !important;}
.divpad9 {padding:9px !important;}
.divpad10 {padding:10px !important;}
.divpad12 {padding:12px !important;}
.divpad14 {padding:14px !important;}
.divpad16 {padding:16px !important;}
.divpad18 {padding:18px !important;}
.divpad20 {padding:20px !important;}
.divpad30 {padding:30px !important;}


/* padding top */
.top0 {padding-top:0px !important;}
.top1 {padding-top:1px !important;}
.top2 {padding-top:2px !important;}
.top3 {padding-top:3px !important;}
.top4 {padding-top:4px !important;}
.top5 {padding-top:5px !important;}
.top6 {padding-top:6px !important;}
.top7 {padding-top:7px !important;}
.top8 {padding-top:8px !important;}
.top10 {padding-top:10px !important;}
.top12 {padding-top:12px !important;}
.top14 {padding-top:14px !important;}
.top15 {padding-top:15px !important;}
.top16 {padding-top:16px !important;}
.top18 {padding-top:18px !important;}
.top20 {padding-top:20px !important;}
.top25 {padding-top:25px !important;}
.top30 {padding-top:30px !important;}


/* padding botom */
.bot0 {padding-bottom:0px !important;}
.bot1 {padding-bottom:1px !important;}
.bot2 {padding-bottom:2px !important;}
.bot3 {padding-bottom:3px !important;}
.bot4 {padding-bottom:4px !important;}
.bot5 {padding-bottom:5px !important;}
.bot6 {padding-bottom:6px !important;}
.bot7 {padding-bottom:7px !important;}
.bot8 {padding-bottom:8px !important;}
.bot10 {padding-bottom:10px !important;}
.bot12 {padding-bottom:12px !important;}
.bot14 {padding-bottom:14px !important;}
.bot15 {padding-bottom:15px !important;}
.bot16 {padding-bottom:16px !important;}
.bot18 {padding-bottom:18px !important;}
.bot20 {padding-bottom:20px !important;}
.bot25 {padding-bottom:25px !important;}
.bot30 {padding-bottom:30px !important;}


/* padding left */
.left0 {padding-left:0px !important;}
.left1 {padding-left:1px !important;}
.left2 {padding-left:2px !important;}
.left3 {padding-left:3px !important;}
.left4 {padding-left:4px !important;}
.left5 {padding-left:5px !important;}
.left6 {padding-left:6px !important;}
.left7 {padding-left:7px !important;}
.left8 {padding-left:8px !important;}
.left10 {padding-left:10px !important;}
.left12 {padding-left:12px !important;}
.left14 {padding-left:14px !important;}
.left15 {padding-left:15px !important;}
.left16 {padding-left:16px !important;}
.left18 {padding-left:18px !important;}
.left20 {padding-left:20px !important;}
.left25 {padding-left:25px !important;}
.left30 {padding-left:30px !important;}


/* padding right */
.right0 {padding-right:0px !important;}
.right1 {padding-right:1px !important;}
.right2 {padding-right:2px !important;}
.right3 {padding-right:3px !important;}
.right4 {padding-right:4px !important;}
.right5 {padding-right:5px !important;}
.right6 {padding-right:6px !important;}
.right7 {padding-right:7px !important;}
.right8 {padding-right:8px !important;}
.right10 {padding-right:10px !important;}
.right12 {padding-right:12px !important;}
.right14 {padding-right:14px !important;}
.right15 {padding-right:15px !important;}
.right16 {padding-right:16px !important;}
.right18 {padding-right:18px !important;}
.right20 {padding-right:20px !important;}
.right25 {padding-right:25px !important;}
.right30 {padding-right:30px !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;}


/* 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;}



/* 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;}



/* 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;}




/* div widths */
.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;}



/* transparency/opacity */
.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;
}



.stylebox
{
    border:1px solid #eee;
    /*border-left:0px;*/
    margin:4px;
}