article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, button, input, select, textarea { font-family: sans-serif; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } h1 { font-size: 2em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: 'Calligraffiti'; src: local('J'), url('/templates/fonts/Calligraffiti.ttf') format('truetype'); }
@font-face { font-family: 'Shanti'; src: local('J'), url('/templates/fonts/Shanti.ttf') format('truetype'); }/*================ wrappers ================*/ * { margin: 0; padding: 0; } #outmostwrapper { background: url(/templates/2012/images/beigegradient.jpg) repeat-x; width: FULL_WIDTH; height: 1000px; } #outerwrapper { width: 970px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; margin: 0 auto; } #wrapper { margin: 0 auto; text-align: left; } /*================ accessibility ================*/ #accessibility { position: absolute; left: -2000px; top: -2000px; display: none; } /*================ body and textbox ================*/ body { font-family: verdana, arial, sans-serif; font-size: 1em; height: 100%; background-color: #707466; } body #main-body, #textbox { width: 950px; } #textbox { font-size: 0.7em; line-height: 1.6em; } /*================ three-column layout ================*/ #leftcolumn, #rightcolumn { float: left; width: 200px; } #centercolumn, #leftcentercolumn, #centerrightcolumn { float: left; height: 100%; } #centercolumn { width: 530px; padding-right: 10px; padding-left: 10px; } #leftcentercolumn { width: 740px; padding-right: 10px; } #centerrightcolumn { width: 740px; padding-left: 10px; } #leftcenterrightcolumn { width: 950px; } div.shortbg, div#rightcolumninner { width: 190px; padding: 5px; } div.shortbg { background-color: #e3e5c0; } /*================ two columns inside center column ================*/ .centerdivision { float: left; padding-top: 5px; padding-left: 10px; padding-right: 10px; width: 245px; } /* ======== text container ======== */ #textbox { color: #000000; } /*================ header section ================*/ #wrapper, #header, #globalnav_wrapper, #logo_sitetitle_search { width: 950px; } #header { height: 158px; position: relative; z-index: 1000; background: #18264e; } #globalnav_wrapper, #globalnav_container, #globalnav { height: 28px; } #globalnav_container { width: auto; float: right; padding-right: 20px; } #logo_sitetitle_search, #logo, #site_title, #search_print { height: 90px; } #logo, #gohome a, #site_title, #search_print { float: left; } #logo { width: 277px; height: 62px; margin-left: 31px; margin-top: 17px; background: url('/templates/2012/images/upstate_logo.gif') no-repeat; } #gohome a { width: 277px; margin-left: 0; z-index: 10000; height: 62px;F } #site_title { width: 360px; margin: 0 20px 0 30px; line-height: 90px; font-size: 15px; font-weight: bold; } #site_title a { color: #dddddd; text-decoration: none; } #search_print, #search form { float: left; width: 206px; } #search9 { padding-top:3px; width: 206px; height: 87px; display: block; } #search_form { height: 40px; margin-bottom: 2px; } #terms { width: 200px; background: #dddddd; } #option_print { height: 32px; } #printicon9 { width: 16px; height: 16px; float: right; margin: 15px 0 0; } #search9 input, #localsearch9 input { font-size: 11px; margin: 2px 3px 1px 0; } #web_people_radio { height: 20px; } #search9 .button { margin: 0px; padding: 0px; font-size: 10px; background: transparent; border: none; line-height: 10px; } #isearch { height: 37px; float: left; } #searchmore a, #isearchmore a, #searchmore9 a, #isearchmore9 a { font-size: 10px; color: #dddddd; font-style: italic; } /*============================== global navigation ==============================*/ #globalnav { float: left; list-style: none; font-family: verdana, arial, sans-serif; font-size: .65em; line-height: 1.4em; position: relative; z-index: 100; } #globalnav a { width: auto; padding: 0 2px; } #globalnav li { float: left; text-align: center; width: auto; padding: 6px 6px; } #globalnav li a:link, #globalnav li a:visited { text-decoration: none; color: #666666; } #iglobalnav { line-height: 1.4em; float: left; list-style: none; font-family: verdana, sans-serif; margin: 0; width: FULL_WIDTH; font-size: .7em; padding: 2px 0 0 0; } #iglobalnav a { display: block; width: auto; color: #023964; } #iglobalnav li { float: left; text-align: center; width: auto; padding: 0 .5em; } #globalnav li a:hover { text-decoration: underline; } #globalnav li a:link, #globalnav li a:visited { color: #dddddd; } #globalnav li a:hover, #globalnav li a.sfhover { color: #ffffff; } /*================ header section ================*/ #mainnav { width: 950px; height: 40px; background: url('/templates/2012/images/nav-background.jpg') repeat-x; } #aboutnav, #homenav, #nav { color: #cbe8fc; background: url('/templates/2012/images/nav-background.jpg') repeat-x; } #homenav, #homenav ul { float: left; width: 570px; height: 40px; list-style: none; font-size: 11px; font-family: verdana, arial, sans-serif; line-height: 22px; font-weight: bold; } #homenav #tab_pad { width: 31px; height: 40px; } #homenav .tab_space { width: 3px; height: 40px; } #aboutnav, #aboutnav ul { float: right; width: 380px; height: 40px; list-style: none; font-size: 11px; font-family: verdana, sans-serif; line-height: 22px; font-weight: bold; } #nav, #nav ul { float: left; width: 950px; height: 40px; list-style: none; font-size: 11px; font-family: verdana, arial, sans-serif; line-height: 22px; font-weight: bold; } #aboutnav ul a, #homenav ul a, #nav ul a { font-size: 1.05em; } #aboutnav a, #homenav a, #nav a { display: block; width: auto; text-decoration: none; padding: 9px 12px; } #homenav a { display: block; width: auto; text-decoration: none; padding: 5px 0 0 0; /* controls the top of the text */ } #aboutnav li, #homenav li, #nav li { float: left; padding: 0; width: auto; } #academics_tab, #research_tab, #patient_tab, #outreach_tab { width: 114px; height: 31px; background: url('/templates/2012/images/tabs.jpg') no-repeat; margin-right: 5px; margin-top: 9px; } #academics_tab > a, #research_tab > a, #patient_tab > a, #outreach_tab > a { width: 114px; height: 28px; text-align: center; } #aboutnav li li a, #homenav li li a, #nav li li a { padding: 7px 0; } #aboutnav li ul, #homenav li ul, #nav li ul { position: absolute; left: -999em; height: auto; width: 237px; font-weight: normal; border-width: 0.25em; margin: 0; z-index: 10; } #aboutnav li li, #homenav li li, #nav li li { padding-right: 0; width: 237px; height: 25px; line-height: 11px; border-bottom: solid 1px #ffffff; display: block; } #aboutnav li ul, #aboutnav li li, #nav li ul, #nav li li { width: 208px; } #aboutnav li li a, #homenav li li a, #nav li li a { padding-left: 14px; } #aboutnav li li.last, #homenav li li.last, #nav li li.last { border-bottom: none; } #aboutnav li ul ul, #homenav li ul ul, #nav li ul ul { margin: -1.75em 0 0 14em; } #aboutnav li:hover ul ul, #homenav li:hover ul ul, #nav li:hover ul ul, #aboutnav li:hover ul ul ul, #homenav li:hover ul ul ul, #nav li:hover ul ul ul, #aboutnav li.sfhover ul ul, #homenav li.sfhover ul ul, #nav li.sfhover ul ul, #aboutnav li.sfhover ul ul ul, #homenav li.sfhover ul ul ul, #nav li.sfhover ul ul ul { left: -999em; } #aboutnav li:hover ul, #homenav li:hover ul, #nav li:hover ul, #aboutnav li li:hover ul, #homenav li li:hover ul, #nav li li:hover ul, #aboutnav li li li:hover ul, #homenav li li li:hover ul, #nav li li li:hover ul, #aboutnav li.sfhover ul, #homenav li.sfhover ul, #nav li.sfhover ul, #aboutnav li li.sfhover ul, #homenav li li.sfhover ul, #nav li li.sfhover ul, #aboutnav li li li.sfhover ul, #homenav li li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #aboutnav li#last:hover ul, #homenav li#last:hover ul, #nav li#last:hover ul, #aboutnav li#last li:hover ul, #homenav li#last li:hover ul, #nav li#last li:hover ul, #aboutnav li#last li li:hover ul, #homenav li#last li li:hover ul, #nav li#last li li:hover ul, #aboutnav li#last.sfhover ul, #homenav li#last.sfhover ul, #nav li#last.sfhover ul, #aboutnav li#last li.sfhover ul, #homenav li#last li.sfhover ul, #nav li#last li.sfhover ul, #aboutnav li#last li li.sfhover ul, #homenav li#last li li.sfhover ul, #nav li#last li li.sfhover ul { left: 713px; } #aboutnav > a, #homenav > a, #nav > a { background: url('/templates/2012/images/nav-background.jpg') repeat-x; } #aboutnav >li a, #nav >li a { color: #cbe8fc; } #homenav >li a { color: #ffffff; } #homenav a.current_tab { background: url('/templates/2012/images/tabs.jpg') no-repeat 0 -31px; color: #18264e; } #aboutnav .currentMenuItem, #aboutnav .currentMenuItem > a, #nav .currentMenuItem, #nav .currentMenuItem > a { background-color: #e3e5c0; color: #18264e; } #aboutnav ul a, #homenav ul a, #nav ul a { color: #444444; background-color: #e3e5c0; } #aboutnav li.separator, #nav li.separator { width: 2px; height: 40px; background: url("/templates/2012/images/nav-rule.jpg") no-repeat; } #aboutnav ul li, #homenav ul li, #nav ul li { background-color: #e3e5c0; opacity: 0.95; } #aboutnav li a:hover, #aboutnav li a.sfhover, #nav li a:hover, #nav li a.sfhover { background-color: #e3e5c0; color: #18264e; } #homenav li a:hover, #homenav li a.sfhover { background: url(/images/tabs.jpg) no-repeat 0 -31px; color: #18264e; } #aboutnav li li a:hover, #aboutnav li li a.sfhover, #homenav li li a:hover, #homenav li li a.sfhover, #nav li li a:hover, #nav li li a.sfhover { background: #ffffff; opacity: 0.95; } #nav #first { margin-left: 20px; } #aboutnav ul, #homenav ul, #nav ul { box-shadow: 3px 3px 3px #818574; } #nav { text-transform: uppercase; } #nav li li { text-transform: none; }/*================ breadcrumb ================*/ .breadcrumb { background-color: #e3e5c0; font-size: 12px; line-height: 1.6em; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; height: 18px; } a.crumb:link, a.crumb:active, a.crumb:visited { font-size: 12px; text-decoration: underline; } a.crumb:hover { text-decoration: none; }  a.crumb:link, a.crumb:active, a.crumb:visited, a.crumb:hover { color: #000000; } /*================ headings ================*/ h1 { color: #18264e; font-weight: bold; font-size: 1.3em; background-color: transparent; padding: 8px 0 9px; } h1.root { margin-top: 13px; } h2 { color: #33678c; font-weight: bold; font-size: 1.1em; background-color: transparent; margin: 5px 0 5px 0; line-height: 1.2em; } h3 { color: #037191; font-weight: bold; font-size: 1em; background-color: transparent; margin: 5px 0 5px 0; } h4 { color: #363636; font-weight: bold; font-size: .8em; background-color: transparent; } /*================ ul, ol, li ================*/ #textbox ul, #textbox ol { margin: 6px 0 10px 16px; } #textbox li { font-size: 1em; padding: .2em; line-height: 1.35em; } #textbox .metanews li { font-size: .9em; padding: .3em; line-height: 1.2em; } #textbox .narrowsublist li { margin-left: -4px; font-size: 90%; list-style: circle; } .rplist li { margin-bottom: 10px; } #content_inner .rplist li a { font-weight: bold; text-decoration: underline; } .condensedlist { line-height: 11px; } ul { color: #363636; } #textbox li { color: #000000; } #textbox li a { color: #000000; } #textbox ul li { list-style: url(images/bluearrow.gif); } #button ul li, #textbox ul li.nobullet { list-style: url(images/bluearrow_ie.gif); } /*================ a ================*/ a.validator:link, a.validator:visited, a.validator:active, a.validator:hover { text-decoration: none; } a.more:link, a.more:visited { font-weight: bold; } #centercolumn a:link, #centercolumn a:visited, #centerrightcolumn a:link, #centerrightcolumn a:visited { text-decoration: underline; color: #037191; } #centercolumn a:hover, #centerrightcolumn a:hover { text-decoration: none; } #centercolumn li a:link, #centercolumn li a:visited, #centerrightcolumn li a:link, #centerrightcolumn li a:visited { text-decoration: underline; display: inline; color: #037191; } #centercolumn li a:hover, #centerrightcolumn li a:hover { text-decoration: none; } #textbox #home_content_table ul li a:hover, #textbox #home_content_table ul li a:hover { color: #000000; text-decoration: underline; } ul#ql li a { font-weight: bold; } #textbox a { color: #181a0f; } #textbox a:hover { color: #33678c; } #centercolumn li a:link, #centercolumn li a:visited, #centerrightcolumn li a:link, #centerrightcolumn li a:visited #leftcentercolumn li a:link, #leftcentercolumn li a:visited #leftcenterrightcolumn li a:link, #leftcenterrightcolumn li a:visited { text-decoration: underline; color: #515750; } #centercolumn li a:hover, #centerrightcolumn li a:hover, #leftcentercolumn li a:hover, #leftcenterrightcolumn li a:hover { text-decoration: none; color: #33678c; } /*================ form ================*/ #textbox input, #textbox select { font-size: 1em; } /*================ newsbox ================*/ #newsbox { position: relative; margin-top: 10px; background-color: #e3e5c0; padding: 20px 20px 12px; } #newsboxtitle { background-color: #33678c; color: #ffffff; font-weight: bold; padding: 4px 10px; width: 160px; text-align: center; position: absolute; top: -4px; left: 28px; } #textbox #leftcenterrightcolumn #newsboxcontent a:link, #textbox #leftcenterrightcolumn #newsboxcontent a:visited { color: #555555; text-decoration: none; } #textbox #leftcenterrightcolumn #newsboxcontent a:hover { text-decoration: underline; } #newsboxlink { padding: 3px 0 15px; } #newsbox_specialevent, #newsbox_hopehappens, #newsbox_cgh { width: 115px; float: left; padding-right: 2px; } #newsbox_hopehappens, #newsbox_cgh { width: auto; border-left: solid 1px #ffffff; padding: 0 5px; } #textbox #leftcenterrightcolumn #newsboxlink a:link, #textbox #leftcenterrightcolumn #newsboxlink a:visited { color: #33678c; text-decoration: none; font-weight: bold; } #textbox #leftcenterrightcolumn #newsboxlink a:hover { text-decoration: underline; } /*================ hr ================*/ hr { width: 90%; } hr.separator { width: 40%; } /*================ text size ================*/ .small { font-size: 10px; color: #ababab; line-height: 0.7; } .smalldark { font-size: 10px; color: #000000; height: 14px; line-height: 12px; text-align: left; } /*================ paragraphs ================*/ p { line-height: 18px; margin-bottom: 11px; } /* ======== table rows ======== */ .tablerow1 { background-color:#e3e5c0; } /* ======== colors used by boxes and text ======== */ .intro_text { color: #33678c; font-size: 110%; } .caption { font-style: italic; font-size: 90%; color: #33678c; } #textbox pre { margin-top: 11px; margin-bottom: 11px; } /*================ menu area, used in intra ================*/ #mainmenu { display: block; position: absolute; top: 102px; width: 950px; } #sectionlabel { width: auto; background-color: #e3e5c0; margin: 0; padding-left: .2em; line-height: 1.5em; } #sectiontitle { font-size: 0.75em; color: #33678c; font-weight: bold; padding-left: 6px; text-transform: uppercase; } #sectionsubtitle { font-size: .9em; color: #037191; font-weight: bold; } .homesectiontitle { font-size: .9em; color: #037191; font-weight: bold; padding-top: 4px; } /*================ miscellaneous ================*/ .hidden { display: none; } .thumblist { border-bottom: solid 1px #037191; } #ihome_table_right div.ihomesection, #ihome_table_left div.ihomesection { color: #033977; font-weight: bold; font-size: 1.2em; background-color: transparent; text-decoration: none; } #textbox #home_content_table ul li a, #textbox #home_content_table ul li a { text-decoration: none; color: #000000; } #textbox #home_content_table ul li a:hover { text-decoration: underline; } #ihome_column_l { background-color: #d7d2c0; padding: 4px; width: 170px; } /* .ihome_column_l { background-color: #d7d2c0; padding: 4px; width: 170px; } .ihome_column_R { width: 170px; } .ihomelist { float: left; margin-left: 12px; margin-top: -10px; } .ihomelist2 { margin-left: 10px; margin-top: -5px; } #home_content_table .ihomelist2 li { line-height: 10px; } */ /* ================= search ================= */ #textbox .mnogotitle { color: #336699; font-weight: normal; font-size: 1.4em; background-color: transparent; } #textbox .mnogourl { color: #000000; font-size: 1.2em; line-height: 1.2em; } /* ================= static faculty pages, mostly mdphd ================= */ .facultyname { font-weight: bold; font-size: 1.1em; } .facultyphoto { float: right; margin: 10px 20px 10px 10px; border: solid 1px #037191; } /* ================= for cycle slide show ================= */ #textbox .slide_title { width: 170px; height: 40px; background: url(/templates/2012/images/transparent_bg.png); position: absolute; top: 190px; left: 0px; text-align: center; } #textbox .slide_title a:link, #textbox .slide_title a:hover, #textbox .slide_title a:visited { color: #ffffff; text-decoration: none; line-height: 40px; font-weight: bold; } /* ================= Others ================= */ .frame1 { background: url(images/ulcorner1.jpg) 0px 0px no-repeat; } .frame1 img { border-left: solid 1px #000000; border-top: solid 1px #000000; margin-left: 15px; margin-top: 15px; } div.research_photo { width: 145px; } /* ======== theme colors ======== */ .color1 { color: #33678c; } .color2 { color: #8f9380; } .color3 { color: #8e3c8b; } .color4 { color: #fae478; } .color5 { color: #e6f5ff; } .color6 { color: #e3e5c0; } .color7 { color: #e6f5ff; } .bg1 { background-color: #33678c; } .bg2 { background-color: #8f9380; } .bg3 { background-color: #8e3c8b; } .bg4 { background-color: #fae478; } .bg5 { background-color: #e6f5ff; } .bg6 { background-color: #e3e5c0; } .bg7 { background-color: #e6f5ff; } /* ================= mostly one-rule classes ================= */ /* definitions of boxes */ .solid1 { border: solid 1px; } .solid2 { border: solid 2px; } .solid3 { border: solid 3px; } .solid4 { border: solid 4px; } .box_title { font-weight: bold; } .borderleft1 { border-left: solid 1px; } .borderleft2 { border-left: solid 2px; } .borderright1 { border-right: solid 1px; } .borderright2 { border-right: solid 2px; } .borderbottom1 { border-bottom: solid 1px; } .borderbottom2 { border-bottom: solid 2px; } /* contact box for contact information */ .contactbox { border-left: 1px solid #8f9380; border-bottom: 1px solid #8f9380; padding: 5px; } /* labels in contactbox */ .contactbox .label { font-weight: bold; } /* definition for right floating and left floating objects */ .centerobject, .aligncenter { text-align: center; } .center { margin-left: auto; margin-right: auto; } .centertable { margin-left: auto; margin-right: auto; } .leftobject, .alignleft { float: left; margin-right: 10px; } .rightobject, .alignright { float: right; margin-left: 10px; } /* general definitions for text and background colors */ .intro_text { font-size: 110%; } .text_black { color: #000000; } .bg_black { background-color: #000000; } .text_blue { color: #33678c; } .bg_blue { background-color: #33678c; } .text_red { color: #ff0000; } .bg_red { background-color: #ff0000; } .text_white { color: #ffffff; } .bg_white { background-color: #ffffff; } .text_gray { color: #666666; } .bg_gray { background-color: #666666; } .text_lightblue { color: #e6f5ff; } .bg_lightblue { background-color: #e6f5ff; } .text_lightgray { color: #efefef; } .bg_lightgray { background-color: #efefef; } .text_darkgray { color: #363636; } .bg_darkgray { background-color: #363636; } .text_green { color: #008000; } /* font */ .arial { font-family: arial; } /* padding */ .pad1 { padding: 1px; }.pad2 { padding: 2px; }.pad3 { padding: 3px; }.pad4 { padding: 4px; }.pad5 { padding: 5px; }.pad6 { padding: 6px; }.pad7 { padding: 7px; }.pad8 { padding: 8px; }.pad9 { padding: 9px; }.pad10 { padding: 10px; }.padtop3    { padding-top: 3px; }.padright3  { padding-right: 3px; }.padbottom3 { padding-bottom: 3px; }.padleft3   { padding-left: 3px; }.padtop5    { padding-top: 5px; }.padright5  { padding-right: 5px; }.padbottom5 { padding-bottom: 5px; }.padleft5   { padding-left: 5px; }.padtop7    { padding-top: 7px; }.padright7  { padding-right: 7px; }.padbottom7 { padding-bottom: 7px; }.padleft7   { padding-left: 7px; }.padtop9    { padding-top: 9px; }.padright9  { padding-right: 9px; }.padbottom9 { padding-bottom: 9px; }.padleft9   { padding-left: 9px; }/* margin */ .nomargin { margin: 0; } .margintop3    { margin-top: 3px; }.marginright3  { margin-right: 3px; }.marginbottom3 { margin-bottom: 3px; }.marginleft3   { margin-left: 3px; }.margintop5    { margin-top: 5px; }.marginright5  { margin-right: 5px; }.marginbottom5 { margin-bottom: 5px; }.marginleft5   { margin-left: 5px; }.margintop7    { margin-top: 7px; }.marginright7  { margin-right: 7px; }.marginbottom7 { margin-bottom: 7px; }.marginleft7   { margin-left: 7px; }.margintop9    { margin-top: 9px; }.marginright9  { margin-right: 9px; }.marginbottom9 { margin-bottom: 9px; }.marginleft9   { margin-left: 9px; }/* em and strong */ .bold { font-weight: bold; } .italic { font-style: italic; } .capitalize { text-transform: capitalize; } .uppercase { text-transform: uppercase; } /* font sizes */ .size70 { font-size: 70%; } .size75 { font-size: 75%; } .size80 { font-size: 80%; } .size85 { font-size: 85%; } .size90 { font-size: 90%; } .size95 { font-size: 95%; } .size110 { font-size: 110%; } .size120 { font-size: 120%; } /* clearance */ br.all { clear: both; } .clr { clear: both; } /* width and line-height */ .width10 { width: 10%; } .width15 { width: 15%; } .width20 { width: 20%; } .width25 { width: 25%; } .width30 { width: 30%; } .width33 { width: 33%; } .width34 { width: 34%; } .width35 { width: 35%; } .width40 { width: 40%; } .width45 { width: 45%; } .width50 { width: 50%; } .width55 { width: 55%; } .width60 { width: 60%; } .width65 { width: 65%; } .width70 { width: 70%; } .width75 { width: 75%; } .width80 { width: 80%; } .width85 { width: 85%; } .width90 { width: 90%; } .width100 { width: 100%; } /* anything larger than 100 is in pixels */ .width120 { width: 120px; } .width125 { width: 125px; } .width130 { width: 130px; } .width150 { width: 150px; } .width180 { width: 180px; } .width200 { width: 200px; } .width220 { width: 220px; } .width250 { width: 250px; } .width300 { width: 300px; } .width350 { width: 350px; } .width530 { width: 530px; } .width730 { width: 730px; } .width740 { width: 740px; } .width750 { width: 750px; } .width950 { width: 950px; } /* ================= width in pixels ================= */ .width15px { width: 15px; } .width16px { width: 16px; } .width17px { width: 17px; } .width18px { width: 18px; } .width19px { width: 19px; } .width20px { width: 20px; } .width21px { width: 21px; } .width22px { width: 22px; } .width23px { width: 23px; } .width24px { width: 24px; } .width25px { width: 25px; } .width26px { width: 26px; } .width27px { width: 27px; } .width28px { width: 28px; } .width29px { width: 29px; } .width30px { width: 30px; } .width31px { width: 31px; } .width32px { width: 32px; } .width33px { width: 33px; } .width34px { width: 34px; } .width35px { width: 35px; } .width36px { width: 36px; } .width37px { width: 37px; } .width38px { width: 38px; } .width39px { width: 39px; } .width40px { width: 40px; } .width41px { width: 41px; } .width42px { width: 42px; } .width43px { width: 43px; } .width44px { width: 44px; } .width45px { width: 45px; } .width46px { width: 46px; } .width47px { width: 47px; } .width48px { width: 48px; } .width49px { width: 49px; } .width50px { width: 50px; } .width51px { width: 51px; } .width52px { width: 52px; } .width53px { width: 53px; } .width54px { width: 54px; } .width55px { width: 55px; } .width56px { width: 56px; } .width57px { width: 57px; } .width58px { width: 58px; } .width59px { width: 59px; } .width60px { width: 60px; } .width61px { width: 61px; } .width62px { width: 62px; } .width63px { width: 63px; } .width64px { width: 64px; } .width65px { width: 65px; } .width66px { width: 66px; } .width67px { width: 67px; } .width68px { width: 68px; } .width69px { width: 69px; } .width70px { width: 70px; } .width71px { width: 71px; } .width72px { width: 72px; } .width73px { width: 73px; } .width74px { width: 74px; } .width75px { width: 75px; } .width76px { width: 76px; } .width77px { width: 77px; } .width78px { width: 78px; } .width79px { width: 79px; } .width80px { width: 80px; } .width81px { width: 81px; } .width82px { width: 82px; } .width83px { width: 83px; } .width84px { width: 84px; } .width85px { width: 85px; } .width86px { width: 86px; } .width87px { width: 87px; } .width88px { width: 88px; } .width89px { width: 89px; } .width90px { width: 90px; } .width91px { width: 91px; } .width92px { width: 92px; } .width93px { width: 93px; } .width94px { width: 94px; } .width95px { width: 95px; } .width96px { width: 96px; } .width97px { width: 97px; } .width98px { width: 98px; } .width99px { width: 99px; } .width100px { width: 100px; } .width101px { width: 101px; } .width102px { width: 102px; } .width103px { width: 103px; } .width104px { width: 104px; } .width105px { width: 105px; } .width106px { width: 106px; } .width107px { width: 107px; } .width108px { width: 108px; } .width109px { width: 109px; } .width110px { width: 110px; } .width111px { width: 111px; } .width112px { width: 112px; } .width113px { width: 113px; } .width114px { width: 114px; } .width115px { width: 115px; } .width116px { width: 116px; } .width117px { width: 117px; } .width118px { width: 118px; } .width119px { width: 119px; } .width120px { width: 120px; } .width121px { width: 121px; } .width122px { width: 122px; } .width123px { width: 123px; } .width124px { width: 124px; } .width125px { width: 125px; } .width126px { width: 126px; } .width127px { width: 127px; } .width128px { width: 128px; } .width129px { width: 129px; } .width130px { width: 130px; } .width131px { width: 131px; } .width132px { width: 132px; } .width133px { width: 133px; } .width134px { width: 134px; } .width135px { width: 135px; } .width136px { width: 136px; } .width137px { width: 137px; } .width138px { width: 138px; } .width139px { width: 139px; } .width140px { width: 140px; } .width141px { width: 141px; } .width142px { width: 142px; } .width143px { width: 143px; } .width144px { width: 144px; } .width145px { width: 145px; } .width146px { width: 146px; } .width147px { width: 147px; } .width148px { width: 148px; } .width149px { width: 149px; } .width150px { width: 150px; } .width151px { width: 151px; } .width152px { width: 152px; } .width153px { width: 153px; } .width154px { width: 154px; } .width155px { width: 155px; } .width156px { width: 156px; } .width157px { width: 157px; } .width158px { width: 158px; } .width159px { width: 159px; } .width160px { width: 160px; } .width161px { width: 161px; } .width162px { width: 162px; } .width163px { width: 163px; } .width164px { width: 164px; } .width165px { width: 165px; } .width166px { width: 166px; } .width167px { width: 167px; } .width168px { width: 168px; } .width169px { width: 169px; } .width170px { width: 170px; } .width171px { width: 171px; } .width172px { width: 172px; } .width173px { width: 173px; } .width174px { width: 174px; } .width175px { width: 175px; } .width176px { width: 176px; } .width177px { width: 177px; } .width178px { width: 178px; } .width179px { width: 179px; } .width180px { width: 180px; } .width181px { width: 181px; } .width182px { width: 182px; } .width183px { width: 183px; } .width184px { width: 184px; } .width185px { width: 185px; } .width186px { width: 186px; } .width187px { width: 187px; } .width188px { width: 188px; } .width189px { width: 189px; } .width190px { width: 190px; } .width191px { width: 191px; } .width192px { width: 192px; } .width193px { width: 193px; } .width194px { width: 194px; } .width195px { width: 195px; } .width196px { width: 196px; } .width197px { width: 197px; } .width198px { width: 198px; } .width199px { width: 199px; } .width200px { width: 200px; } .width201px { width: 201px; } .width202px { width: 202px; } .width203px { width: 203px; } .width204px { width: 204px; } .width205px { width: 205px; } .width206px { width: 206px; } .width207px { width: 207px; } .width208px { width: 208px; } .width209px { width: 209px; } .width210px { width: 210px; } .width211px { width: 211px; } .width212px { width: 212px; } .width213px { width: 213px; } .width214px { width: 214px; } .width215px { width: 215px; } .width216px { width: 216px; } .width217px { width: 217px; } .width218px { width: 218px; } .width219px { width: 219px; } .width220px { width: 220px; } .width221px { width: 221px; } .width222px { width: 222px; } .width223px { width: 223px; } .width224px { width: 224px; } .width225px { width: 225px; } .width226px { width: 226px; } .width227px { width: 227px; } .width228px { width: 228px; } .width229px { width: 229px; } .width230px { width: 230px; } .width231px { width: 231px; } .width232px { width: 232px; } .width233px { width: 233px; } .width234px { width: 234px; } .width235px { width: 235px; } .width236px { width: 236px; } .width237px { width: 237px; } .width238px { width: 238px; } .width239px { width: 239px; } .width240px { width: 240px; } .width241px { width: 241px; } .width242px { width: 242px; } .width243px { width: 243px; } .width244px { width: 244px; } .width245px { width: 245px; } .width246px { width: 246px; } .width247px { width: 247px; } .width248px { width: 248px; } .width249px { width: 249px; } .width250px { width: 250px; } .width251px { width: 251px; } .width252px { width: 252px; } .width253px { width: 253px; } .width254px { width: 254px; } .width255px { width: 255px; } .width256px { width: 256px; } .width257px { width: 257px; } .width258px { width: 258px; } .width259px { width: 259px; } .width260px { width: 260px; } .width261px { width: 261px; } .width262px { width: 262px; } .width263px { width: 263px; } .width264px { width: 264px; } .width265px { width: 265px; } .width266px { width: 266px; } .width267px { width: 267px; } .width268px { width: 268px; } .width269px { width: 269px; } .width270px { width: 270px; } .width271px { width: 271px; } .width272px { width: 272px; } .width273px { width: 273px; } .width274px { width: 274px; } .width275px { width: 275px; } .width276px { width: 276px; } .width277px { width: 277px; } .width278px { width: 278px; } .width279px { width: 279px; } .width280px { width: 280px; } .width281px { width: 281px; } .width282px { width: 282px; } .width283px { width: 283px; } .width284px { width: 284px; } .width285px { width: 285px; } .width286px { width: 286px; } .width287px { width: 287px; } .width288px { width: 288px; } .width289px { width: 289px; } .width290px { width: 290px; } .width291px { width: 291px; } .width292px { width: 292px; } .width293px { width: 293px; } .width294px { width: 294px; } .width295px { width: 295px; } .width296px { width: 296px; } .width297px { width: 297px; } .width298px { width: 298px; } .width299px { width: 299px; } .width300px { width: 300px; } .width301px { width: 301px; } .width302px { width: 302px; } .width303px { width: 303px; } .width304px { width: 304px; } .width305px { width: 305px; } .width306px { width: 306px; } .width307px { width: 307px; } .width308px { width: 308px; } .width309px { width: 309px; } .width310px { width: 310px; } .width311px { width: 311px; } .width312px { width: 312px; } .width313px { width: 313px; } .width314px { width: 314px; } .width315px { width: 315px; } .width316px { width: 316px; } .width317px { width: 317px; } .width318px { width: 318px; } .width319px { width: 319px; } .width320px { width: 320px; } .width321px { width: 321px; } .width322px { width: 322px; } .width323px { width: 323px; } .width324px { width: 324px; } .width325px { width: 325px; } .width326px { width: 326px; } .width327px { width: 327px; } .width328px { width: 328px; } .width329px { width: 329px; } .width330px { width: 330px; } .width331px { width: 331px; } .width332px { width: 332px; } .width333px { width: 333px; } .width334px { width: 334px; } .width335px { width: 335px; } .width336px { width: 336px; } .width337px { width: 337px; } .width338px { width: 338px; } .width339px { width: 339px; } .width340px { width: 340px; } .width341px { width: 341px; } .width342px { width: 342px; } .width343px { width: 343px; } .width344px { width: 344px; } .width345px { width: 345px; } .width346px { width: 346px; } .width347px { width: 347px; } .width348px { width: 348px; } .width349px { width: 349px; } .width350px { width: 350px; } .width351px { width: 351px; } .width352px { width: 352px; } .width353px { width: 353px; } .width354px { width: 354px; } .width355px { width: 355px; } .width356px { width: 356px; } .width357px { width: 357px; } .width358px { width: 358px; } .width359px { width: 359px; } .width360px { width: 360px; } .width361px { width: 361px; } .width362px { width: 362px; } .width363px { width: 363px; } .width364px { width: 364px; } .width365px { width: 365px; } .width366px { width: 366px; } .width367px { width: 367px; } .width368px { width: 368px; } .width369px { width: 369px; } .width370px { width: 370px; } .width371px { width: 371px; } .width372px { width: 372px; } .width373px { width: 373px; } .width374px { width: 374px; } .width375px { width: 375px; } .width376px { width: 376px; } .width377px { width: 377px; } .width378px { width: 378px; } .width379px { width: 379px; } .width380px { width: 380px; } .width381px { width: 381px; } .width382px { width: 382px; } .width383px { width: 383px; } .width384px { width: 384px; } .width385px { width: 385px; } .width386px { width: 386px; } .width387px { width: 387px; } .width388px { width: 388px; } .width389px { width: 389px; } .width390px { width: 390px; } .width391px { width: 391px; } .width392px { width: 392px; } .width393px { width: 393px; } .width394px { width: 394px; } .width395px { width: 395px; } .width396px { width: 396px; } .width397px { width: 397px; } .width398px { width: 398px; } .width399px { width: 399px; } .width400px { width: 400px; } .width401px { width: 401px; } .width402px { width: 402px; } .width403px { width: 403px; } .width404px { width: 404px; } .width405px { width: 405px; } .width406px { width: 406px; } .width407px { width: 407px; } .width408px { width: 408px; } .width409px { width: 409px; } .width410px { width: 410px; } .width411px { width: 411px; } .width412px { width: 412px; } .width413px { width: 413px; } .width414px { width: 414px; } .width415px { width: 415px; } .width416px { width: 416px; } .width417px { width: 417px; } .width418px { width: 418px; } .width419px { width: 419px; } .width420px { width: 420px; } .width421px { width: 421px; } .width422px { width: 422px; } .width423px { width: 423px; } .width424px { width: 424px; } .width425px { width: 425px; } .width426px { width: 426px; } .width427px { width: 427px; } .width428px { width: 428px; } .width429px { width: 429px; } .width430px { width: 430px; } .width431px { width: 431px; } .width432px { width: 432px; } .width433px { width: 433px; } .width434px { width: 434px; } .width435px { width: 435px; } .width436px { width: 436px; } .width437px { width: 437px; } .width438px { width: 438px; } .width439px { width: 439px; } .width440px { width: 440px; } .width441px { width: 441px; } .width442px { width: 442px; } .width443px { width: 443px; } .width444px { width: 444px; } .width445px { width: 445px; } .width446px { width: 446px; } .width447px { width: 447px; } .width448px { width: 448px; } .width449px { width: 449px; } .width450px { width: 450px; } .width451px { width: 451px; } .width452px { width: 452px; } .width453px { width: 453px; } .width454px { width: 454px; } .width455px { width: 455px; } .width456px { width: 456px; } .width457px { width: 457px; } .width458px { width: 458px; } .width459px { width: 459px; } .width460px { width: 460px; } .width461px { width: 461px; } .width462px { width: 462px; } .width463px { width: 463px; } .width464px { width: 464px; } .width465px { width: 465px; } .width466px { width: 466px; } .width467px { width: 467px; } .width468px { width: 468px; } .width469px { width: 469px; } .width470px { width: 470px; } .width471px { width: 471px; } .width472px { width: 472px; } .width473px { width: 473px; } .width474px { width: 474px; } .width475px { width: 475px; } .width476px { width: 476px; } .width477px { width: 477px; } .width478px { width: 478px; } .width479px { width: 479px; } .width480px { width: 480px; } .width481px { width: 481px; } .width482px { width: 482px; } .width483px { width: 483px; } .width484px { width: 484px; } .width485px { width: 485px; } .width486px { width: 486px; } .width487px { width: 487px; } .width488px { width: 488px; } .width489px { width: 489px; } .width490px { width: 490px; } .width491px { width: 491px; } .width492px { width: 492px; } .width493px { width: 493px; } .width494px { width: 494px; } .width495px { width: 495px; } .width496px { width: 496px; } .width497px { width: 497px; } .width498px { width: 498px; } .width499px { width: 499px; } .width500px { width: 500px; } .width501px { width: 501px; } .width502px { width: 502px; } .width503px { width: 503px; } .width504px { width: 504px; } .width505px { width: 505px; } .width506px { width: 506px; } .width507px { width: 507px; } .width508px { width: 508px; } .width509px { width: 509px; } .width510px { width: 510px; } .width511px { width: 511px; } .width512px { width: 512px; } .width513px { width: 513px; } .width514px { width: 514px; } .width515px { width: 515px; } .width516px { width: 516px; } .width517px { width: 517px; } .width518px { width: 518px; } .width519px { width: 519px; } .width520px { width: 520px; } .width521px { width: 521px; } .width522px { width: 522px; } .width523px { width: 523px; } .width524px { width: 524px; } .width525px { width: 525px; } .width526px { width: 526px; } .width527px { width: 527px; } .width528px { width: 528px; } .width529px { width: 529px; } .width530px { width: 530px; } .width531px { width: 531px; } .width532px { width: 532px; } .width533px { width: 533px; } .width534px { width: 534px; } .width535px { width: 535px; } .width536px { width: 536px; } .width537px { width: 537px; } .width538px { width: 538px; } .width539px { width: 539px; } .width540px { width: 540px; } .width541px { width: 541px; } .width542px { width: 542px; } .width543px { width: 543px; } .width544px { width: 544px; } .width545px { width: 545px; } .width546px { width: 546px; } .width547px { width: 547px; } .width548px { width: 548px; } .width549px { width: 549px; } .width550px { width: 550px; } .width551px { width: 551px; } .width552px { width: 552px; } .width553px { width: 553px; } .width554px { width: 554px; } .width555px { width: 555px; } .width556px { width: 556px; } .width557px { width: 557px; } .width558px { width: 558px; } .width559px { width: 559px; } .width560px { width: 560px; } .width561px { width: 561px; } .width562px { width: 562px; } .width563px { width: 563px; } .width564px { width: 564px; } .width565px { width: 565px; } .width566px { width: 566px; } .width567px { width: 567px; } .width568px { width: 568px; } .width569px { width: 569px; } .width570px { width: 570px; } .width571px { width: 571px; } .width572px { width: 572px; } .width573px { width: 573px; } .width574px { width: 574px; } .width575px { width: 575px; } .width576px { width: 576px; } .width577px { width: 577px; } .width578px { width: 578px; } .width579px { width: 579px; } .width580px { width: 580px; } .width581px { width: 581px; } .width582px { width: 582px; } .width583px { width: 583px; } .width584px { width: 584px; } .width585px { width: 585px; } .width586px { width: 586px; } .width587px { width: 587px; } .width588px { width: 588px; } .width589px { width: 589px; } .width590px { width: 590px; } .width591px { width: 591px; } .width592px { width: 592px; } .width593px { width: 593px; } .width594px { width: 594px; } .width595px { width: 595px; } .width596px { width: 596px; } .width597px { width: 597px; } .width598px { width: 598px; } .width599px { width: 599px; } .width600px { width: 600px; } .width601px { width: 601px; } .width602px { width: 602px; } .width603px { width: 603px; } .width604px { width: 604px; } .width605px { width: 605px; } .width606px { width: 606px; } .width607px { width: 607px; } .width608px { width: 608px; } .width609px { width: 609px; } .width610px { width: 610px; } .width611px { width: 611px; } .width612px { width: 612px; } .width613px { width: 613px; } .width614px { width: 614px; } .width615px { width: 615px; } .width616px { width: 616px; } .width617px { width: 617px; } .width618px { width: 618px; } .width619px { width: 619px; } .width620px { width: 620px; } .width621px { width: 621px; } .width622px { width: 622px; } .width623px { width: 623px; } .width624px { width: 624px; } .width625px { width: 625px; } .width626px { width: 626px; } .width627px { width: 627px; } .width628px { width: 628px; } .width629px { width: 629px; } .width630px { width: 630px; } .width631px { width: 631px; } .width632px { width: 632px; } .width633px { width: 633px; } .width634px { width: 634px; } .width635px { width: 635px; } .width636px { width: 636px; } .width637px { width: 637px; } .width638px { width: 638px; } .width639px { width: 639px; } .width640px { width: 640px; } .width641px { width: 641px; } .width642px { width: 642px; } .width643px { width: 643px; } .width644px { width: 644px; } .width645px { width: 645px; } .width646px { width: 646px; } .width647px { width: 647px; } .width648px { width: 648px; } .width649px { width: 649px; } .width650px { width: 650px; } .width651px { width: 651px; } .width652px { width: 652px; } .width653px { width: 653px; } .width654px { width: 654px; } .width655px { width: 655px; } .width656px { width: 656px; } .width657px { width: 657px; } .width658px { width: 658px; } .width659px { width: 659px; } .width660px { width: 660px; } .width661px { width: 661px; } .width662px { width: 662px; } .width663px { width: 663px; } .width664px { width: 664px; } .width665px { width: 665px; } .width666px { width: 666px; } .width667px { width: 667px; } .width668px { width: 668px; } .width669px { width: 669px; } .width670px { width: 670px; } .width671px { width: 671px; } .width672px { width: 672px; } .width673px { width: 673px; } .width674px { width: 674px; } .width675px { width: 675px; } .width676px { width: 676px; } .width677px { width: 677px; } .width678px { width: 678px; } .width679px { width: 679px; } .width680px { width: 680px; } .width681px { width: 681px; } .width682px { width: 682px; } .width683px { width: 683px; } .width684px { width: 684px; } .width685px { width: 685px; } .width686px { width: 686px; } .width687px { width: 687px; } .width688px { width: 688px; } .width689px { width: 689px; } .width690px { width: 690px; } .width691px { width: 691px; } .width692px { width: 692px; } .width693px { width: 693px; } .width694px { width: 694px; } .width695px { width: 695px; } .width696px { width: 696px; } .width697px { width: 697px; } .width698px { width: 698px; } .width699px { width: 699px; } .width700px { width: 700px; } .width701px { width: 701px; } .width702px { width: 702px; } .width703px { width: 703px; } .width704px { width: 704px; } .width705px { width: 705px; } .width706px { width: 706px; } .width707px { width: 707px; } .width708px { width: 708px; } .width709px { width: 709px; } .width710px { width: 710px; } .width711px { width: 711px; } .width712px { width: 712px; } .width713px { width: 713px; } .width714px { width: 714px; } .width715px { width: 715px; } .width716px { width: 716px; } .width717px { width: 717px; } .width718px { width: 718px; } .width719px { width: 719px; } .width720px { width: 720px; } .width721px { width: 721px; } .width722px { width: 722px; } .width723px { width: 723px; } .width724px { width: 724px; } .width725px { width: 725px; } .width726px { width: 726px; } .width727px { width: 727px; } .width728px { width: 728px; } .width729px { width: 729px; } .width730px { width: 730px; } .width731px { width: 731px; } .width732px { width: 732px; } .width733px { width: 733px; } .width734px { width: 734px; } .width735px { width: 735px; } .width736px { width: 736px; } .width737px { width: 737px; } .width738px { width: 738px; } .width739px { width: 739px; } .width740px { width: 740px; } .width741px { width: 741px; } .width742px { width: 742px; } .width743px { width: 743px; } .width744px { width: 744px; } .width745px { width: 745px; } .width746px { width: 746px; } .width747px { width: 747px; } .width748px { width: 748px; } .width749px { width: 749px; } .width750px { width: 750px; } .width751px { width: 751px; } .width752px { width: 752px; } .width753px { width: 753px; } .width754px { width: 754px; } .width755px { width: 755px; } .width756px { width: 756px; } .width757px { width: 757px; } .width758px { width: 758px; } .width759px { width: 759px; } .width760px { width: 760px; } .width761px { width: 761px; } .width762px { width: 762px; } .width763px { width: 763px; } .width764px { width: 764px; } .width765px { width: 765px; } .width766px { width: 766px; } .width767px { width: 767px; } .width768px { width: 768px; } .width769px { width: 769px; } .width770px { width: 770px; } .width771px { width: 771px; } .width772px { width: 772px; } .width773px { width: 773px; } .width774px { width: 774px; } .width775px { width: 775px; } .width776px { width: 776px; } .width777px { width: 777px; } .width778px { width: 778px; } .width779px { width: 779px; } .width780px { width: 780px; } .width781px { width: 781px; } .width782px { width: 782px; } .width783px { width: 783px; } .width784px { width: 784px; } .width785px { width: 785px; } .width786px { width: 786px; } .width787px { width: 787px; } .width788px { width: 788px; } .width789px { width: 789px; } .width790px { width: 790px; } .width791px { width: 791px; } .width792px { width: 792px; } .width793px { width: 793px; } .width794px { width: 794px; } .width795px { width: 795px; } .width796px { width: 796px; } .width797px { width: 797px; } .width798px { width: 798px; } .width799px { width: 799px; } .width800px { width: 800px; } .width801px { width: 801px; } .width802px { width: 802px; } .width803px { width: 803px; } .width804px { width: 804px; } .width805px { width: 805px; } .width806px { width: 806px; } .width807px { width: 807px; } .width808px { width: 808px; } .width809px { width: 809px; } .width810px { width: 810px; } .width811px { width: 811px; } .width812px { width: 812px; } .width813px { width: 813px; } .width814px { width: 814px; } .width815px { width: 815px; } .width816px { width: 816px; } .width817px { width: 817px; } .width818px { width: 818px; } .width819px { width: 819px; } .width820px { width: 820px; } .width821px { width: 821px; } .width822px { width: 822px; } .width823px { width: 823px; } .width824px { width: 824px; } .width825px { width: 825px; } .width826px { width: 826px; } .width827px { width: 827px; } .width828px { width: 828px; } .width829px { width: 829px; } .width830px { width: 830px; } .width831px { width: 831px; } .width832px { width: 832px; } .width833px { width: 833px; } .width834px { width: 834px; } .width835px { width: 835px; } .width836px { width: 836px; } .width837px { width: 837px; } .width838px { width: 838px; } .width839px { width: 839px; } .width840px { width: 840px; } .width841px { width: 841px; } .width842px { width: 842px; } .width843px { width: 843px; } .width844px { width: 844px; } .width845px { width: 845px; } .width846px { width: 846px; } .width847px { width: 847px; } .width848px { width: 848px; } .width849px { width: 849px; } .width850px { width: 850px; } .width851px { width: 851px; } .width852px { width: 852px; } .width853px { width: 853px; } .width854px { width: 854px; } .width855px { width: 855px; } .width856px { width: 856px; } .width857px { width: 857px; } .width858px { width: 858px; } .width859px { width: 859px; } .width860px { width: 860px; } .width861px { width: 861px; } .width862px { width: 862px; } .width863px { width: 863px; } .width864px { width: 864px; } .width865px { width: 865px; } .width866px { width: 866px; } .width867px { width: 867px; } .width868px { width: 868px; } .width869px { width: 869px; } .width870px { width: 870px; } .width871px { width: 871px; } .width872px { width: 872px; } .width873px { width: 873px; } .width874px { width: 874px; } .width875px { width: 875px; } .width876px { width: 876px; } .width877px { width: 877px; } .width878px { width: 878px; } .width879px { width: 879px; } .width880px { width: 880px; } .width881px { width: 881px; } .width882px { width: 882px; } .width883px { width: 883px; } .width884px { width: 884px; } .width885px { width: 885px; } .width886px { width: 886px; } .width887px { width: 887px; } .width888px { width: 888px; } .width889px { width: 889px; } .width890px { width: 890px; } .width891px { width: 891px; } .width892px { width: 892px; } .width893px { width: 893px; } .width894px { width: 894px; } .width895px { width: 895px; } .width896px { width: 896px; } .width897px { width: 897px; } .width898px { width: 898px; } .width899px { width: 899px; } .width900px { width: 900px; } .width901px { width: 901px; } .width902px { width: 902px; } .width903px { width: 903px; } .width904px { width: 904px; } .width905px { width: 905px; } .width906px { width: 906px; } .width907px { width: 907px; } .width908px { width: 908px; } .width909px { width: 909px; } .width910px { width: 910px; } .width911px { width: 911px; } .width912px { width: 912px; } .width913px { width: 913px; } .width914px { width: 914px; } .width915px { width: 915px; } .width916px { width: 916px; } .width917px { width: 917px; } .width918px { width: 918px; } .width919px { width: 919px; } .width920px { width: 920px; } .width921px { width: 921px; } .width922px { width: 922px; } .width923px { width: 923px; } .width924px { width: 924px; } .width925px { width: 925px; } .width926px { width: 926px; } .width927px { width: 927px; } .width928px { width: 928px; } .width929px { width: 929px; } .width930px { width: 930px; } .width931px { width: 931px; } .width932px { width: 932px; } .width933px { width: 933px; } .width934px { width: 934px; } .width935px { width: 935px; } .width936px { width: 936px; } .width937px { width: 937px; } .width938px { width: 938px; } .width939px { width: 939px; } .width940px { width: 940px; } .width941px { width: 941px; } .width942px { width: 942px; } .width943px { width: 943px; } .width944px { width: 944px; } .width945px { width: 945px; } .width946px { width: 946px; } .width947px { width: 947px; } .width948px { width: 948px; } .width949px { width: 949px; } .width950px { width: 950px; } .width951px { width: 951px; } .width952px { width: 952px; } .width953px { width: 953px; } .width954px { width: 954px; } .width_auto { width: auto; } .height100 { height: 100px; } .height120 { height: 120px; } .height125 { height: 125px; } .height150 { height: 150px; } .height180 { height: 180px; } .height200 { height: 200px; } .height_auto { height: auto; } .lheight80 { line-height: 1.3em; } .lheight90 { line-height: 1.4em; } .lheight95 { line-height: 1.5em; } .lheight120 { line-height: 1.9em; } .lheight125 { line-height: 2em; } .lheight150 { line-height: 2.4em; } .lheight200 { line-height: 3.2em; } /* round corners */ .round5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; } .roundtop5 { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; } .roundbottom5 { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } .round7 { -moz-border-radius: 7px; -webkit-border-radius: 7px; } .roundtop7 { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; } .roundbottom7 { -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; } .round9 { -moz-border-radius: 9px; -webkit-border-radius: 9px; } .roundtop9 { -moz-border-radius-topleft: 9px; -webkit-border-top-left-radius: 9px; -moz-border-radius-topright: 9px; -webkit-border-top-right-radius: 9px; } .roundbottom9 { -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 9px; -webkit-border-bottom-right-radius: 9px; } /* drop shadow */ .darkshadow3 { -moz-box-shadow: 3px 3px 3px #666666; -webkit-box-shadow: 3px 3px 3px #666666; } .mediumshadow3 { -moz-box-shadow: 3px 3px 3px #999999; -webkit-box-shadow: 3px 3px 3px #999999; } .lightshadow3 { -moz-box-shadow: 3px 3px 3px #aaaaaa; -webkit-box-shadow: 3px 3px 3px #aaaaaa; } .darkshadow5 { -moz-box-shadow: 5px 5px 5px #666666; -webkit-box-shadow: 5px 5px 5px #666666; } .mediumshadow5 { -moz-box-shadow: 5px 5px 5px #999999; -webkit-box-shadow: 5px 5px 5px #999999; } .lightshadow5 { -moz-box-shadow: 5px 5px 5px #bbbbbb; -webkit-box-shadow: 5px 5px 5px #bbbbbb; } /* noscript */ div#noscriptbox ul li a,div#noscript ul li a:hover { background-color: #ffffff; color: #000000; } /* hr */ hr.thin { height: 1px; border: none; } hr.medium { height: 2px; border: none; } /* indentation */ .indent { margin-left: 3.5em; margin-right: 3.8em; } /* used in span of accordion */ .block { display: block; } .inline { display: inline; } /* for links on pages inside lists */ #textbox a.link:link, #textbox a.link:visited { text-decoration: underline; } #textbox a.nounderline:link, #textbox a.nounderline:visited { text-decoration: none; } #textbox a.nounderline:hover { text-decoration: underline; } /* ================= image rollover ================= */ .imagerolloverdark { border: solid 1px #ffffff; padding: 1px; opacity: 0.8; filter: alpha(opacity = 80); zoom: 1; } .imagerolloverdark:hover { border: solid 1px #33678c; opacity: 1.0; filter: alpha(opacity = 100); } .imagerolloverlight { border: solid 1px #ffffff; padding: 1px; opacity: 0.8; filter: alpha(opacity = 80); zoom: 1; } .imagerolloverlight:hover { border: solid 1px #00addd; opacity: 1.0; filter: alpha(opacity = 100); } /* ================= space out li ================= */ #textbox li.padded { padding-bottom: 6px; } #textbox ul.padded li { padding-bottom: 6px; } /* ================= table ================= */ .tvaligntop { vertical-align: top; } .tvalignmiddle { vertical-align: middle; } .tvalignbottom { vertical-align: bottom; } .talignleft { text-align: left; } .talignright { text-align: right; } .taligncenter { text-align: center; } table.tcellspacing1 { border-collapse: separate; border-spacing: 1px 1px; } table.tcellpadding1 td, table.tcellpadding1 th { padding: 1px; } table.tcellspacing2 { border-collapse: separate; border-spacing: 2px 2px; } table.tcellpadding2 td, table.tcellpadding2 th { padding: 2px; } table.tcellspacing3 { border-collapse: separate; border-spacing: 3px 3px; } table.tcellpadding3 td, table.tcellpadding3 th { padding: 3px; } table.tcellspacing4 { border-collapse: separate; border-spacing: 4px 4px; } table.tcellpadding4 td, table.tcellpadding4 th { padding: 4px; } table.tcellspacing5 { border-collapse: separate; border-spacing: 5px 5px; } table.tcellpadding5 td, table.tcellpadding5 th { padding: 5px; } /* ================= accordion ================= */ /* these rules work only when JavaScript is enabled */ #accordion h2.js, #accordion h3.js { color: #15629d; font-weight: normal; cursor: pointer; font-size: 1.0em; padding-bottom: 5px; padding-left: 20px; background: url(/templates/2012/images/plus-minus.gif) no-repeat left -94px; } #accordion h2.active, #accordion h3.active { background-position: left 1px; } #accordion div.js { padding-left: 20px; padding-right: 5px; border: solid 1px #dddddd; } .accordion h2.js, .accordion h3.js { color: #15629d; font-weight: normal; cursor: pointer; font-size: 1.0em; padding-bottom: 5px; padding-left: 20px; background: url(/templates/2012/images/plus-minus.gif) no-repeat left -94px; } .accordion h2.active, .accordion h3.active { background-position: left 1px; } .accordion div.js { padding-left: 20px; padding-right: 5px; border: solid 1px #dddddd; } /*============================== footer ==============================*/ #footer { width: 950px; font-size: .6em; color: #4a4d3b; margin-top: 8px; } #footer_content { width: 950px; float: left; padding: 20px 0 0 0; margin: 0; background: #d6d6c9; } #footer a.footer { text-decoration: underline; } #footer a.footer:hover { text-decoration: none; color: #037191; } #footer a:link, #footer a:visited { color: #7e7e6a; } #footer #last_modified a:link, #footer #last_modified a:hover, #footer #last_modified a:visited { color: #ffffff; } #site_map_content div#site_map_buffer { padding: 20px; float: left; } #site_map_content a { line-height: 16px; } #site_map_content div#system_map, #site_map_content div#university_map, #site_map_content div#policy_map, #site_map_content div#important_map { width: 240px; border-left: solid 1px #7e7e6a; padding-left: 10px; float: left; } #site_map_content div#policy_map, #site_map_content div#important_map { width: 180px; } #last_modified { text-align: center; background: #6a6f62; padding: 5px; color: #ffffff; } /* the social media button */ #sm { width: 110px; height: 38px; display: block; background: url(/templates/2012/images/sm_button.jpg) no-repeat; cursor: pointer; } #sm:hover { background-position: 0 -38px; } /*============================== left menu ==============================*/ #button, #button_around { color: #000000; background-color: transparent; font-size: 1em; font-family: verdana, arial, sans-serif; margin: 0; padding: 0 0 20px; width: 198px; } #button ul, #button_around ul { list-style: none; margin: 0; padding: 0; border: none; } #button li, #button_around li { margin: 0; padding: 0; } #button li.menulabel, #button_around li.menulable { color: #33678c; background-color: #e3e5c0; border-bottom: 1px solid #999999; padding: 5px; font-weight: bold; width: auto; display: block; } #button li a, #button_around li a { color: #000000; background-color: transparent; text-decoration: none; padding: 6px; width: auto; display: block; line-height: normal; font-weight: normal; } #button li a:hover, #button_around li a:hover { border-right: none; text-decoration: none; color: #4a4d3b; background-color: #e6f5ff; } #button li.submenu a, #button_around li.submenu a { color: #037191; background-color: transparent; width: 183px; text-decoration: none; padding: 5px 0 5px 15px; display: block; line-height: 12px; font-weight: normal; font-size: 11px; } #button li.submenu a:hover, #button_around li.submenu a:hover { color: #4a4d3b; background-color: #e6f5ff; } li#submenulabel { background-color: #33678c; border-bottom: 1px solid white; color:#ffffff; font-family: verdana, arial, sans-serif; font-weight: bold; height: FULL_HEIGHT; line-height: 16px; padding: 5px 2px; text-align: center; } #button li, #button_around li { border-bottom: 1px solid #8f9380; } #button li a:hover, #button_around li a:hover, #button li.submenu a:hover, #button_around li.submenu a:hover { color: #4a4d3b; background-color: #e3e5c0; } #button li.current, #button li.lcurrent { background-color: #e3e5c0 }/*============================== home page ==============================*/ #home_container { padding: 15px 15px 0; } #banner_nav_container, #banner_nav_container_no_js { margin-bottom: 15px; } #banner_nav_container, #banner_container { width: 920px; height: 270px; position: relative; } #content_container { width: 920px; height: 270px; } #banner_nav { position: absolute; top: 230px; left: 660px; width: 260px; height: 40px; text-align: center; z-index: 1; } #news_panel, #button_video_panel, #calendar_panel { height: 270px; } #button_video_panel { width: 270px; float: left; } /* rotating banner */ #banners { position: relative; visibility: hidden; display: none; z-index = 0; } #banners img { position: absolute; top: 0; left: 0; } #banner_text_container { position: absolute; width: 260px; height: 180px; top: 90px; right: 20px; z-index: 1; } #banner_text0, #banner_text1, #banner_text2, #banner_text3 { position: absolute; width: 260px; height: 140px; color: #ffffff; } #banner_nav_box0, #banner_nav_box1, #banner_nav_box2, #banner_nav_box3 { width: 10px; height: 10px; margin: 10px 10px 0 0; display: block; background: url(/images/box.gif) 0 0; float: left; box-shadow: 2px 2px 2px #000000; } #banner_nav_box0 { margin-left: 70px; } #banner_text_container .banner_text_title { font-size: 18pt; font-family: georgia,serif; line-height: 22pt; } #banner_text_container .banner_text_content { font-size: 11pt; font-family: verdana,arial,sans-serif; line-height: 16pt; } #banner_text_container .banner_text_content a:link, #banner_text_container .banner_text_content a:visited { color: #cccccc; text-decoration: none; } #banner_text_container .banner_text_content a:hover { text-decoration: underline; } #uh-button { width: 120px; height: 87px; display: block; background: url(/images/uh-button.jpg) no-repeat; cursor: pointer; float:left; margin-right:10px; } #uh-button:hover { background-position: 0 -87px; } #blog-button { width: 120px; height: 87px; display: block; background: url(/images/blog-button.jpg) no-repeat; cursor: pointer; float:left; } #blog-button:hover { background-position: 0 -87px; } #video_button { width: 250px; height: 153px; margin-top: 10px; } #video { width: 250px; height: 145px; display: block; background: url(/images/video.jpg) no-repeat; cursor: pointer; } #video:hover { background-position: 0 -145px; } div#voverlay { width: 400px; height: 320px; z-index: 10000; } #voverlay .close { background: url("/templates/2012/images/close.png") no-repeat scroll 0 0 transparent; display: block; height: 35px; position: absolute; right: -15px; top: -18px; width: 35px; z-index: 10001; } #news_panel { width: 341px; float: left; background: #f2f2e1; } #news_feed { width: 311px; /* height: 115px; */ padding: 0 10px 0 20px; } #news_title { height: 25px; font-size: 10pt; color: #555555; border-bottom: solid 1px #dddddd; } #news_items ul li { /* list-style: disc outside url("/upstatehome/images/page-bullet.gif"); */ line-height: 16px; } #textbox #news_feed a:link, news_items a:visited { color: #666666; } #news_block { width: 300px; height: 87px; padding: 0 0 0 30px; } #ad_block { position: relative; overflow: hidden; float: left; } #ad_block #ad_block_items { width: 90000px; position: absolute; clear: both; } .scroll_nav { width: 30px; height: 30px; display: block; float: left; margin: 0; padding: 30px 5px 0 5px; } a.browse { background: url(/images/icon_arrow.gif) no-repeat; display: block; width: 22px; height: 22px; float: left; cursor: pointer; font-size:1px; } a.right { background-position: 0 -22px; clear:right; margin-right: 0px;} a.right:hover { background-position:0px 0; } #news_block #ad_block #ad_block_items a:link, #news_block #ad_block #ad_block_items a:visited { color: #33678c; display: table-cell; height: 80px; } #ad_block, #ad_block #ad_block_items div { float: left; } #ad_block, .ad_item { width: 250px; height: 87px; padding: 0; margin: 0; } .ad_item img { padding-right: 10px; float: left; } .ad_item a { font-weight: bold; } #whatsup { height: 35px; } #calendar_panel { width: 269px; float: left; margin: 0 20px 0; color: #555555; } #calendar_title { height: 25px; font-size: 10pt; border-bottom: 1px solid #dddddd; } .calendar_item { max-height: 58px; min-height: 35px; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #dddddd; } .calendar_date { float: left; width: 60px; } .calendar_time { font-size: 90%; color: #00addd; } .calendar_day { font-size: 14pt; color: #00addd; } .calendar_link { float: left; width: 208px; line-height: 1.4em; } #see_all_events { height: 26px; padding: 8px 0 3px 19px; border-bottom: 1px solid #dddddd; } #textbox .calendar_link a:link, #textbox .calendar_link a:visited, #see_all_events a:link, #see_all_events a:visited { text-decoration: none; color: #666666; } .calendar_link a:hover, #see_all_events a:hover { text-decoration: underline; }