/* Global, Common and Reset Settings -----------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr{border:0 none;margin:0;padding:0;outline-width:0;font-size:100%;vertical-align:baseline} html{background:rgb(255, 255, 255)} /* default background */ body{background:transparent url('/templates/web/images/bg-content.png') repeat-x scroll 100% 125px} /* default content bg-gradient*/ *{margin:0;padding:0} img{border:0;max-width:100%;-ms-interpolation-mode:bicubic} td img{max-width:none} /* Required by Chrome when the td and image have no width set */ a{text-decoration:none;color:#2377cb} a:visited{text-decoration:none} a:hover{color:#005ea5;text-decoration:underline} a img, :link img, :visited img{border:none} address{font-style:normal} table{border-collapse:collapse;border-spacing:0pt} :link, :visited{text-decoration:none} .clear-bg{clear:both;margin-bottom:5px} .clear-right{clear:right} .float-left{float:left} .float-right{float:right} .hide{display:none} .text-left{text-align:left} .text-right{text-align:right} .text-center{text-align:center} .text-justify{text-align:justify} .bold{font-weight:700} .italic{font-style:italic} .underline{border-bottom:1px solid #ccc} .highlight{background:rgb(255, 255, 204)} .img-left{float:left;margin:4px 10px 4px 0} .img-right{float:right;margin:4px 0 4px 10px} .nopadding{padding:0} .noindent{margin-left:0;padding-left:0} .nobullet{list-style:none;list-style-image:none} .header-print{display:none} .clearfix:after{content:".";clear:both;height:0;visibility:hidden;display:block} .clearfix{display:inline-block} * html .clearfix{height:1%} .clearfix{display:block} .hidden{display:none} hr{border-bottom:1px solid #eee;border-left:none;border-right:none;border-top:none;height:1px;margin:10px 0} .clearboth{clear:both;margin:0;padding:0} /* Typography -----------------------------------------------------------------------------*/ h1{margin:0 0 15px 0;padding:0;font:normal 32px Arial, Helvetica, sans-serif;color:rgb(34, 34, 34)} h1 a, h3 a{text-decoration:none;color:rgb(34, 34, 34);border-bottom:none} h1 a:hover, h3 a:hover{text-decoration:none} h2{margin:0;padding:5px 0 0 0;line-height:150%;color:#222;font:normal 26px Arial, Helvetica, sans-serif} h2 a{color:#222;text-decoration:underline} h2 a:hover{text-decoration:none} h3{margin:0;padding:0;color:#222;font:normal 22px Arial, Helvetica, sans-serif} h3 a{color:#222);text-decoration:none} h4{margin:0;padding:5px 0;font:normal 18px Arial, Helvetica, sans-serif;color:rgb(51, 0, 51)} h5{margin:0;padding:5px 0;font:bold 16px Arial, Helvetica, sans-serif;color:rgb(34, 34, 34)} h6{margin:32px 0 12px 0;padding:0;line-height:150%;color:rgb(34, 34, 34);font:normal 18px Arial, Helvetica, sans-serif;border-top:4px solid rgb(224, 224, 224)} p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin:7px 0 14px} a.external{background:url('/templates/web/images/icon-newwindow.gif') no-repeat 100% 3px;padding:0 12px 0 0} a[href^="tel:"]{background:url('/templates/web/images/icon-phone.gif') no-repeat 100% 3px;padding:0 12px 0 0} dl{margin-left:12px;margin-bottom:18px} dt{font-weight:700} dd{margin-left:15px} dl.horizontal dt{width:33%;clear:left;float:left;overflow:hidden;text-align:right} dl.horizontal dd{margin-left:34%} /* Hidden Content -----------------------------------------------------------------------------*/ .skip{display:none} #search label{display:none;visibility:hidden} /* Header + Body -----------------------------------------------------------------------------*/ .wrapper{position:relative;top:0pt;margin:0 auto;width:960px} p#top{margin:0} #header{margin:0;padding:0;background:#49075e;color:rgb(239, 239, 239);font-size:80%;font-family:"Trebuchet MS", Helvetica, sans-serif;height:100px;width:100%;} #header-inner, #topnav-inner{margin:0 auto;padding:0;width:1000px;position:relative} #header-inner h1{margin:26px 0 0 25px;text-indent:-9999px;position:absolute} #header-inner h1 a{background:transparent url('/templates/web/images/masthead-logo.png') no-repeat scroll 0 0;display:block;height:50px;text-decoration:none;width:182px} #header-inner h2{margin:26px 0 0 205px;text-indent:-9999px;position:absolute} #header-inner h2 a{background:transparent url('/templates/web/images/masthead-logo-dev.gif') no-repeat scroll 0 0;display:block;height:50px;text-decoration:none;width:209px} .csw{width:100%;height:200px;background:#fff;overflow:scroll} .csw .loading{margin:200px 0 300px 0;text-align:center} #mininav{margin:0;padding:10px 20px 8px 0;color:rgb(255, 255, 255);font-size:9px;font-family:Helvetica, "Trebuchet MS", sans-serif;font-weight:lighter;float:right} #mininav ul{margin:0;padding:5px 0 0 15px;list-style-type:none;list-style-image:none;list-style-position:outside;letter-spacing:1px} #mininav ul li{margin:0 1em 0 0;padding:0;float:left;display:inline} #mininav a{text-transform:uppercase;font-weight:700} #mininav a:link,#mininav a:visited{color:rgb(223, 223, 223);text-decoration:none} #mininav a:hover,#mininav a:active{color:rgb(255, 255, 255);text-decoration:none} #topnav{margin:0;padding:8px 0;background:#000 none repeat scroll 0% 0%;color:rgb(255, 255, 255);font-size:11px;font-family:Arial, Helvetica, "Trebuchet MS", sans-serif;font-weight:lighter;height:17px;width:100%;} #topnav ul{margin:0;padding:2pt 0 0 20px;list-style-type:none;list-style-image:none;list-style-position:outside;letter-spacing:1px} #topnav ul li{margin:0 24px 0 0;padding:0;float:left;display:inline} #topnav ul li a{text-transform:uppercase;margin:0 0 0 -8px;padding:11px 8px 9px 8px} #topnav li a:link{color:rgb(223, 223, 223);text-decoration:none} #topnav li a:visited{color:rgb(223, 223, 223);text-decoration:none} #topnav li a:hover, #topnav ul li.active a{color:#fff;text-decoration:none;background:#363636;} #topnav li a:active{color:#fff);text-decoration:none;background:#363636;} div#search{background:transparent url('/templates/web/images/form-left.png') no-repeat scroll 0pt 0pt;position:absolute;top:40px;right:15px;/*margin:0 0 0 775px*/} div#search form{margin:0;padding:0;width:210px} div#search form legend{display:none} div#search label{display:block;float:left;width:30px;height:18px} div#search label span{display:none} div#search input{border:0 none;margin:0;padding:3px 0 1px 0;background:transparent none repeat scroll 0 0;float:left;width:142px;height:18px;font-size:11px;color:#555;font-family:verdana, arial} div#search input.submit{margin:0 0 0 3px;padding:0;background:transparent url('/templates/web/images/form-right.png') no-repeat scroll 0 0;float:left;cursor:pointer;width:20px;height:22px;text-indent:-999px} /* Banner Slider -----------------------------------------------------------------------------*/ .stripViewer .panelContainer .panel ul{text-align:left;margin:0} .stripViewer{position:relative;overflow:hidden;width:641px;height:200px} .stripViewer .panelContainer{position:relative;left:0;top:0} .stripViewer .panelContainer .panel{float:left;height:100%;position:relative;width:641px} .stripNavL, .stripNavR, .stripNav{display:none} /* remove arrows*/ #movers-row{padding:0;position:relative;text-align:center;width:642px} #movers-row div{margin:0 auto;display:inline;position:relative;text-align:center} .cross-link{background:url('/templates/web/images/icon-slide-off.gif') no-repeat center;display:inline;float:none;padding:0 .1em !important;position:relative;z-index:0} .active-thumb{background:url('/templates/web/images/icon-slide-on.gif') no-repeat center} /* Content -----------------------------------------------------------------------------*/ #content{-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px;background:#fff;float:left;display:inline-block;width:960px;margin:16px 0 10px 0;padding:0px;position:relative} #content #page-head{width:960px;border-bottom:1px solid rgb(238, 238, 238);margin:0} #content #page-head h1{margin:0;padding:22px 20px 29px 19px;font-size:2em;color:#000} /* INTERNAL Content -----------------------------------------------------------------------------*/ #content-primary{float:left;background:#fff;padding:10px 20px;min-height:500px;height:auto !important;height:500px;width:674px;margin:0;overflow:hidden;font:normal 12px verdana, Arial, Helvetica, sans-serif;line-height:1.5} #content-primary.full-width{width:920px} #content-primary h2{clear:left;/*color:#25721C;*/font-size:23px;letter-spacing:-1px;line-height:normal;margin-bottom:13px;margin-top:14px} #content-primary h3{clear:left;font-size:21px;letter-spacing:-1px;margin:20px 0 10px 0} #content-primary h4{color:#222;font-size:16px} #content-primary p{font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;margin:12px 0} /*#content-primary a{color:#2662E3} #content-primary a:hover{color:#9312AA}*/ at{margin:7px 0 20px 20px;background:#fff none;float:right;clear:right;display:block;width:auto;font-size:0.8em;line-height:1.5em;color:rgb(102, 102, 102);text-align:center} #content-primary ul{list-style-image:none;list-style-type:none;margin-bottom:20px} #content-primary ul, #content-primary ol{margin:7px 16px} #content-primary ol{margin-left:30px} #content-primary ol li{background:none;padding:0} #content-primary li{background:transparent url('/templates/web/images/bullet.gif') no-repeat scroll 0px 7px;color:#000;line-height:20px;padding-left:16px} #content-primary sup{font-size:60%;vertical-align:top} #content-primary sub{font-size:60%;vertical-align:bottom} #content-primary table{font-size:12px;background:#fff;text-align:left;border-collapse:collapse;border-color:#eee} #content-primary table th{background:#eee none repeat scroll 0 0;padding:5px 10px;border-color:#ccc} #content-primary table td{padding:5px;vertical-align:top;border-color:#eee} #content-primary table#content-image-table td{padding:0} #content-primary table#content-image-table td#caption{background:#fff;border-bottom:1px dotted #ccc;padding:3px 0;text-align:left} #content-image-table{margin:16px 0 16px 25px} /* Table - In this Section -----------------------------------------------------------------------------*/ #content-primary #gradient-style{font-family:Arial, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;margin:20px 0 0 0;padding-top:20px;width:100%;text-align:left;border-collapse:collapse;clear:both} #content-primary #gradient-style th{font-size:13px;font-weight:700;padding:6px 8px;border-top:2px solid #ddd;border-bottom:1px solid rgb(255, 255, 255);color:rgb(0, 0, 0)} #content-primary #gradient-style td{padding:8px;border-bottom:1px solid rgb(255, 255, 255);color:#666;border-top:1px solid rgb(255, 255, 255);background:rgb(245, 245, 245)} #content-primary #gradient-style tfoot tr td{background:#fff;border:0;border-top:2px solid #ddd} #content-primary #gradient-style tbody tr:hover td{background:#fff;border-bottom:1px solid #ddd;/*background:rgb(214, 247, 255) url('/templates/web/images/table-gradhover.png') repeat-x;*/} #content-primary #gradient-style td h1{font-size:13px;font-weight:700;padding:0 0 5px 0;margin:0} #content-primary #gradient-style td h4{font-size:14px;font-weight:700;padding:0 0 5px 0;margin:0} /* Right menu -----------------------------------------------------------------------------*/ #accordian{float:left;margin-bottom:15px;width:227px} h1.accordion-title{margin:25px 0 0 0;padding:0;background:transparent url('/templates/web/images/nav_menu_title.gif') no-repeat scroll 0 0;overflow:hidden;text-indent:-1000px;width:227px;height:33px} #navigation{margin:0;padding:0;text-indent:0px;background:#fff;width:227px} #navigation a.head{background:#F3F3F3 url('/templates/web/images/accordion_headerbg_off.gif') repeat-x scroll center bottom;color:#3B392A;cursor:pointer;display:block;font:700 11px/15px Arial, sans-serif;height:auto;letter-spacing:normal;margin:0;padding:8px 10px;text-decoration:none;text-indent:0;text-transform:uppercase;text-shadow:0 1px 1px #f9f9f9} #navigation a.head:hover{color:#000} #navigation a.headlink{background:#f4f4f4 url('/templates/web/images/accordion_headerbg_off.gif') repeat-x scroll 0pt bottom;color:#fff;display:block;font-weight:700;margin:0px;padding:7px 0 7px 10px;text-decoration:none;color:rgb(59, 57, 42);letter-spacing:normal;font-size:11px;line-height:14px;text-transform:uppercase;cursor:pointer;font-family:Arial, sans-serif} #navigation a.head.selected{background:#63B00C url(../images/accordion_headerbg_on.gif) bottom repeat-x;color:#fff;cursor:pointer;display:block;height:auto;letter-spacing:normal;line-height:15px;margin:0;padding:8px 0 8px 10px;text-decoration:none;text-indent:0;text-shadow:0 1px 1px #5aa308} #navigation a.head.selected:hover{color:#fff} #navigation a.current{background:url("/templates/web/images/accordion_headerbg_on.gif") repeat-x scroll 0 0 #99DB01;color:rgb(255, 255, 255);display:block;font-weight:700;margin:0px;padding:7px 0 7px 10px;cursor:pointer} #navigation ul li a.current{background:transparent url('/templates/web/images/menu-arrow.gif') no-repeat scroll 4px 8px;color:#9312AA;display:block;font-size:12px;font-weight:700;margin:0;padding:4px 0 4px 17px;text-decoration:none;height:auto} #navigation ul{border-width:0;list-style:none;margin:0;padding:0;text-indent:0px;background:#fff /*url('/templates/web/images/accordion_bg.gif') repeat-x scroll 0 0*/} #navigation li{border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;list-style:none} #navigation li.selected{border-left:1px solid #9BDC00;border-right:1px solid #9BDC00} ul.section{list-style-type:none;margin-left:0} ul.section li{border:none !important;font-family:Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;background-attachment:scroll;background-repeat:repeat-x;background-position:left bottom;text-align:left} ul.section div.link{padding:8px 0 8px 0} ul.section div.link a{font-size:12px;font-weight:700;color:rgb(30, 136, 181);text-decoration:none} ul.section div.link a:hover{color:rgb(147, 18, 170)} ul.section span.rank{margin:5px 2px 0 0;font-family:georgia;font-style:normal;font-variant:normal;font-weight:400;font-size:20px;line-height:normal;font-size-adjust:none;font-stretch:normal;color:rgb(150, 216, 1);float:left;width:30px;text-align:center;height:25px} a.whitebg{background:none !important} li.whitebg{border:none !important} /*Modified accordion menu list using background image on anchor tag - on li tag there was an IE disappearing issue on hover*/ ul.section li{border:none !important;border-bottom:1px dotted #bbb !important;font-family:Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;padding:5px 3px 5px 10px;margin:0} ul.section li a{font-size:12px;font-weight:700;text-decoration:none;padding:4px 0 4px 17px;margin:0px;display:block;background:transparent url('/templates/web/images/menu-arrow.gif') no-repeat 4px 8px} ul.section li a:hover{} a.whitebg{background:none !important} li.whitebg{border:none !important} /* Breadcrumb Styles ---------------------------------------------------------------------*/ #pagebase{margin:0;padding:0;float:left;overflow:hidden;width:960px;background:#fff} .breadCrumb{font-size:12px;line-height:21px;color:#767676;font-family:Arial, Helvetica, sans-serif;font-style:normal;font-variant:normal;font-weight:400} .breadCrumb a,.breadCrumb a:visited{color:#767676;text-decoration:none;font-size:inherit;font-weight:inherit} .breadCrumb ul{margin:0;padding:0;height:21px;display:block} .breadCrumb ul li{display:block;float:left;position:relative;height:21px;overflow:hidden;line-height:21px;margin:0 6px 0 0;padding:0 10px 0 0;font-size:.9167em;background:url('/templates/web/images/Chevron.gif') no-repeat 100% 0} .breadCrumb ul li div.chevronOverlay{position:absolute;right:0;top:0;z-index:2} .breadCrumb ul li span{display:block;overflow:hidden} .breadCrumb ul li a{display:block;position:relative;height:21px;line-height:21px;overflow:hidden;float:left} .breadCrumb ul li.first a{height:16px !important;margin-top:0;padding:0;/*text-indent:-1000em;width:16px;overflow:hidden;background:url('/templates/web/images/IconHome.gif') no-repeat 0 0;*/} .breadCrumb ul li.first a:hover{background-position:0 -16px} .breadCrumb ul li.last{background:none;margin-right:0;padding-right:0} .chevronOverlay{display:none;background:url('/templates/web/images/ChevronOverlay.png') no-repeat 100% 0;width:13px;height:20px} /* TOP */ #breadCrumb0{padding:8px 0 0 20px;width:930px} /* BOTTOM */ #pagebase span.top{border-top:1px solid #eee;float:right;width:70px;line-height:21px;padding:4px 10px 4px 0} #pagebase span.top a:link, #pagebase span.top a:active, #pagebase span.top a:visited{color:#000;display:block;font-family:Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;font-size:11px;font-weight:700} #breadCrumb1{border-top:1px solid #eee;float:left;padding:4px 0 4px 20px;width:860px} /* Footer -----------------------------------------------------------------------------*/ #footer{background:#49075e;clear:both;margin-top:15px;padding:30px 0;width:100%;display:inline-block;} #footer li a, #navResources p a, .campus a, .directions a,#footer li a:visited, #navResources p a:visited, .campus a:visited, .directions a:visited, #navLogos a, #navLogos a:visited{border-bottom:1px solid rgb(108, 93, 94);color:rgb(241, 241, 241);cursor:pointer} #footer li a:hover, #navResources p a:hover, .campus a:hover, .directions a:hover{border-bottom:1px solid rgb(73, 59, 60);color:rgb(221, 212, 213)} #siteinfo{padding:0 0 0 5px;width:200px;float:left;color:rgb(255, 255, 255)} #siteinfo{font-size:11px;font-family:Arial, sans-serif;font-style:normal;font-variant:normal;font-weight:400} #siteinfo .org{font-weight:700} #siteinfo address{font-style:normal} #siteinfo .org{margin:0 0 10px 0;height:38px;width:200px} #siteinfo .org a{overflow:hidden;background-image:url('/templates/web/images/uq-logo.gif') ! important;background-repeat:no-repeat ! important;background-color:transparent ! important;display:block;height:38px;text-indent:-1000px} #siteinfo .adr{margin:0 0 5px 0;line-height:1.4} #siteinfo .tel{margin:0 0 15px 0} #siteinfo .campus{margin:0 0 15px 0} #siteinfo .directions{margin:0 0 5px 0} #copyright{margin:0;font-size:11px;width:200px} #footer-resources{margin:0 0 0 20px;width:400px;float:left;border-left:1px dotted #D9B8FA;border-right:1px dotted #D9B8FA} #footer-resources h2{margin:0 0 6px} #footer-resources h2{display:none} #footer-resources h3{margin:0 0 6px;font-family:'Helvetica Neue', Arial, verdana, sans-serif;font-size:12px;color:rgb(234, 184, 250);text-transform:uppercase} #footer-resources li{font-size:11px;font-family:verdana, Arial, sans-serif} #footer-resources ul{margin:0;list-style-type:none} #footer-resources li{margin:0 0 6px;padding:0 0 0 12px;background:transparent url('/templates/web/images/arrow.png') no-repeat scroll 0 2px} #footer-resources a{padding:0 1px} #footer-resources p{color:rgb(255, 255, 255);font-family:'Helvetica Neue', Arial, verdana, sans-serif;font-size:11px;margin:0px} #navResources, #navSocial{float:left} #navResources{padding:0 20px 0 20px;width:50%} #navSocial{padding:0 0 10px 0;width:40%} #navQuick{float:left;padding:0 0 10px 0;width:40%} .member-logo{margin:0 0 10px 0;padding:0 0 2px 0} .member-logo a:hover{background:none;text-decoration:none} #footer-right{padding:0 0 10px 15px;margin:0;float:left;width:310px;height:146px;/*background:transparent url('/templates/web/images/footer-device.png') no-repeat scroll 10px -1px ! important*/} #footer-right h3{margin:0 0 6px;font-family:'Helvetica Neue', Arial, verdana, sans-serif;font-size:12px;color:rgb(234, 184, 250);text-transform:uppercase} #footer-right p{margin:5px 0 12px 0;font-family:verdana, arial, sans-serif;font-size:11px;color:rgb(255, 255, 255)} #footer-right li{font-size:11px;font-family:verdana, Arial, sans-serif} #footer-right ul{margin:0;list-style-type:none} #footer-right li{margin:0 0 6px;padding:0 0 4px 12px;background:transparent url('/templates/web/images/arrow.png') no-repeat scroll 0 2px} p.centenary{padding:16px 0 0 0} #navExplore, #navLogos{float:left} #navExplore{padding:0 20px 0 5px;width:180px} #navLogos{padding:0 0 10px 0} /* Social Media links */ #footer .social-links li{width:32px;height:32px;overflow:hidden;float:left;margin:0 5px 5px 0;padding:0;list-style:none;text-indent:-999px;background:none} #footer .social-links li a{width:32px;height:32px;display:block;border:0;text-decoration:none;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8} #footer .social-links li a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1} #footer .social-links .icon-facebook a{background:url('/templates/web/images/icon-w-facebook-32.png') no-repeat 0 0} #footer .social-links .icon-twitter a{background:url('/templates/web/images/icon-w-twitter-32.png') no-repeat 0 0} #footer .social-links .icon-flickr a{background:url('/templates/web/images/icon-w-flickr-32.png') no-repeat 0 0} #footer .social-links .icon-instagram a{background:url('/templates/web/images/icon-w-instagram-32.png') no-repeat 0 0} #footer .social-links .icon-youtube a{background:url('/templates/web/images/icon-w-youtube-32.png') no-repeat 0 0} #footer .social-links .icon-vimeo a{background:url('/templates/web/images/icon-w-vimeo-32.png') no-repeat 0 0} #footer .social-links .icon-itunesu a{background:url('/templates/web/images/icon-w-apple-32.png') no-repeat 0 0} #footer .social-links .icon-linkedin a{background:url('/templates/web/images/icon-w-linkedin-32.png') no-repeat 0 0} /* IE HTTPS issue notice */ #IEHTTPS{background:#fbece9;border:1px solid #d6492a;padding:10px 15px;display:block;clear:both} /* Buttons -----------------------------------------------------------------------------*/ /* Default light grey button */ .button { width: auto; background: #eeeded; border: 1px solid #c0c0c0; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset; color: #1d1d1d; cursor: pointer; display: inline-block; font:700 14px/1.2 Arial, Helvetica, sans-serif; margin: 0; outline: none; padding: 8px 17px 9px; position: relative; text-align: center; text-decoration: none;text-shadow:0 1px 1px #fff; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out;-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 5px;vertical-align:middle; background-image: -moz-linear-gradient(top, #eeeded, #cecece); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeded), to(#cecece)); background-image: -webkit-linear-gradient(top, #eeeded, #cecece); background-image: -o-linear-gradient(top, #eeeded, #cecece); background-image: linear-gradient(to bottom, #eeeded, #cecece);} .button a:link, .button:link, .button a:visited, .button:visited {color:#1d1d1d} .button a:hover, .button:hover { color: #1d1d1d; background: #cecece none;text-decoration:none;box-shadow:none } .button a:active, .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } .button a:focus, .button:focus { -webkit-box-shadow: 0 0 4px #cecece, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #cecece, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #cecece, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.large { font-size: 17px; padding: 15px 30px 16px;-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px } .button.medium { font-size: 13px; padding:6px 18px 7px } .button.small { font-size: 11px; padding: 6px 13px 7px; } .button.tiny { font-size: 10px; padding: 4px 9px 5px; } .button.expand { width: 100%; text-align: center; } /* Can use either .primary or .blue */ .button.primary,.button.blue { background-color: #2ba6cb; border: 1px solid #227a95;color:#fff;text-shadow:0 1px 1px #227a95; background-image: -moz-linear-gradient(top, #2ba6cb, #1485a7); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba6cb), to(#1485a7)); background-image: -webkit-linear-gradient(top, #2ba6cb, #1485a7); background-image: -o-linear-gradient(top, #2ba6cb, #1485a7); background-image: linear-gradient(to bottom, #2ba6cb, #1485a7); } .button.primary:hover,.button.blue:hover { background: #1485a7 none; } .button.primary:focus,.button.blue:focus { -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } /* Can use either .success or .green */ .button.success,.button.green { background-color: #5da423; border: 1px solid #3f7b0e;text-shadow:0 1px 1px #3f7b0e;color:#fff; background-image: -moz-linear-gradient(top, #5da423, #478713); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5da423), to(#478713)); background-image: -webkit-linear-gradient(top, #5da423, #478713); background-image: -o-linear-gradient(top, #5da423, #478713); background-image: linear-gradient(to bottom, #5da423, #478713); } .button.success:hover,.button.green:hover { background: #478713 none } .button.success:focus,.button.green:focus { -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } /* Can use either .alert or .red */ .button.alert,.button.red { background-color: #c60f13; border: 1px solid #960407;text-shadow:0 1px 1px #960407;color:#fff; background-image: -moz-linear-gradient(top, #c60f13, #a8070b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c60f13), to(#a8070b)); background-image: -webkit-linear-gradient(top, #c60f13, #a8070b); background-image: -o-linear-gradient(top, #c60f13, #a8070b); background-image: linear-gradient(to bottom, #c60f13, #a8070b); } .button.alert:hover,.button.red:hover { background: #a8070b none; } .button.alert:focus,.button.red:focus { -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.black { background-color: #444; color: #fff; border: 1px solid #2d003b;text-shadow:0 1px 1px #000; background-image: -moz-linear-gradient(top, #444, #000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#000)); background-image: -webkit-linear-gradient(top, #444, #000); background-image: -o-linear-gradient(top, #444, #000); background-image: linear-gradient(to bottom, #444, #000); } .button.black:hover { background: #000 none } .button.black:focus { -webkit-box-shadow: 0 0 5px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.uq-purple { background-color: #49075e; color: #fff; border: 1px solid #1e0027;text-shadow:0 1px 1px #1e0027; background-image: -moz-linear-gradient(top, #49075e, #2d003b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#49075e), to(#2d003b)); background-image: -webkit-linear-gradient(top, #49075e, #2d003b); background-image: -o-linear-gradient(top, #49075e, #2d003b); background-image: linear-gradient(to bottom, #49075e, #2d003b); } .button.uq-purple:hover { background: #2d003b none } .button.uq-purple:focus { -webkit-box-shadow: 0 0 5px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.uq-green { background-color: #8cb800; color: #fff; border: 1px solid #688801;text-shadow:0 1px 1px #688801; background-image: -moz-linear-gradient(top, #8cb800, #7aa000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8cb800), to(#7aa000)); background-image: -webkit-linear-gradient(top, #8cb800, #7aa000); background-image: -o-linear-gradient(top, #8cb800, #7aa000); background-image: linear-gradient(to bottom, #8cb800, #7aa000); } .button.uq-green:hover { background: #7aa000 none; } .button.uq-green:focus { -webkit-box-shadow: 0 0 5px #8cb800, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #8cb800, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #8cb800, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.uq-gold { background-color: #bda14e; color: #fff; border: 1px solid #a68c3e;text-shadow:0 1px 1px #a08637; background-image: -moz-linear-gradient(top, #bda14e, #a68c3e); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bda14e), to(#a68c3e)); background-image: -webkit-linear-gradient(top, #bda14e, #a68c3e); background-image: -o-linear-gradient(top, #bda14e, #a68c3e); background-image: linear-gradient(to bottom, #bda14e, #a68c3e); } .button.uq-gold:hover { background: #a68c3e none; } .button.uq-gold:focus { -webkit-box-shadow: 0 0 5px #bda14e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #bda14e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #bda14e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.uq-red { background-color: #aa0041; color: #fff; border: 1px solid #907830;text-shadow:0 1px 1px #907830; background-image: -moz-linear-gradient(top, #aa0041, #870034); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aa0041), to(#870034)); background-image: -webkit-linear-gradient(top, #aa0041, #870034); background-image: -o-linear-gradient(top, #aa0041, #870034); background-image: linear-gradient(to bottom, #aa0041, #870034); } .button.uq-red:hover { background: #aa0041 none } .button.uq-red:focus { -webkit-box-shadow: 0 0 5px #aa0041, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #aa0041, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #aa0041, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.uq-yellow { background-color: #ffc82e; color: #000; border: 1px solid #c59612;text-shadow:0 1px 1px #ffdb78; background-image: -moz-linear-gradient(top, #ffc82e, #d9a71c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc82e), to(#d9a71c)); background-image: -webkit-linear-gradient(top, #fecb3b, #d9a71c); background-image: -o-linear-gradient(top, #ffc82e, #d9a71c); background-image: linear-gradient(to bottom, #ffc82e, #d9a71c); } .button.uq-yellow:hover { background: #d9a71c none} .button.uq-yellow:focus { -webkit-box-shadow: 0 0 5px #ffc82e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #ffc82e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #ffc82e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.uq-aqua { background-color: #0091b5; color: #fff; border: 1px solid #006179;text-shadow:0 1px 1px #006179; background-image: -moz-linear-gradient(top, #0091b5, #007390); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0091b5), to(#007390)); background-image: -webkit-linear-gradient(top, #0091b5, #007390); background-image: -o-linear-gradient(top, #0091b5, #007390); background-image: linear-gradient(to bottom, #0091b5, #007390); } .button.uq-aqua:hover { background: #007390 none; } .button.uq-aqua:focus { -webkit-box-shadow: 0 0 5px #0091b5, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #0091b5, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #0091b5, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.uq-blue { background-color: #3a7dda; color: #fff; border: 1px solid #1c56a6;text-shadow:0 1px 1px #1c56a6; background-image: -moz-linear-gradient(top, #3a7dda, #2663b8); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a7dda), to(#2663b8)); background-image: -webkit-linear-gradient(top, #3a7dda, #2663b8); background-image: -o-linear-gradient(top, #3a7dda, #2663b8); background-image: linear-gradient(to bottom, #3a7dda, #2663b8); } .button.uq-blue:hover { background: #2663b8 none; } .button.uq-blue:focus { -webkit-box-shadow: 0 0 5px #3a7dda, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #3a7dda, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #3a7dda, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.uq-emerald { background-color: #39892f; color: #fff; border: 1px solid #1d5b16;text-shadow:0 1px 1px #1d5b16; background-image: -moz-linear-gradient(top, #39892f, #276c1f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#39892f), to(#276c1f)); background-image: -webkit-linear-gradient(top, #39892f, #276c1f); background-image: -o-linear-gradient(top, #39892f, #276c1f); background-image: linear-gradient(to bottom, #39892f, #276c1f); } .button.uq-emerald:hover { background: #276c1f none; } .button.uq-emerald:focus { -webkit-box-shadow: 0 0 5px #39892f, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #39892f, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #39892f, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.uq-warm-red { background-color: #d6492a; color: #fff; border: 1px solid #a92f13;text-shadow:0 1px 1px #a92f13; background-image: -moz-linear-gradient(top, #d6492a, #ba381b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d6492a), to(#ba381b)); background-image: -webkit-linear-gradient(top, #d6492a, #ba381b); background-image: -o-linear-gradient(top, #d6492a, #ba381b); background-image: linear-gradient(to bottom, #d6492a, #ba381b); } .button.uq-warm-red:hover { background: #ba381b none; } .button.uq-warm-red:focus { -webkit-box-shadow: 0 0 5px #d6492a, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #d6492a, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #d6492a, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } .button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; } .button.disabled, .button[disabled] { cursor: not-allowed;filter:alpha(opacity=60);opacity:.6;background-image:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;text-shadow:none } .button.disabled:hover, .button[disabled]:hover { background: #e4e4e4; } .button.disabled.success, .button[disabled].success { background-color: #5da423; } .button.disabled.success:hover, .button[disabled].success:hover { background-color: #5da423; } .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; } .button.disabled.alert:hover, .button[disabled].alert:hover { background-color: #c60f13; } .button.disabled.primary, .button[disabled].primary { background-color: #2ba6cb; } .button.disabled.primary:hover, .button[disabled].primary:hover { background-color: #2ba6cb; } /* Don't use native buttons on iOS */ input[type=submit].button, button.button { -webkit-appearance: none; } /* Correct FF button padding */ @-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; } input[type="submit"].tiny.button { padding: 3px 10px 4px; } input[type="submit"].small.button { padding: 5px 14px 6px; } input[type="submit"].medium.button { padding: 6px 18px 7px; } input[type="submit"].button{ padding: 8px 20px 9px; } input[type="submit"].large.button { padding: 13px 30px 14px; }