/* * Skeleton V1.1 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ body{font: 12px/18px 'Avenir LT W01 45 Book', Geneva, sans-serif;color:#d0d0d0;/*background:#121212 url(../images/bg.jpg) no-repeat top center*/} /* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 29, 2011 11:43:42 AM America/New_York */ @font-face { font-family: 'CaviarDreamsItalic'; src: url('../type/CaviarDreamsItalic-webfont.eot'); src: url('../type/CaviarDreamsItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../type/CaviarDreamsItalic-webfont.woff') format('woff'), url('../type/CaviarDreamsItalic-webfont.ttf') format('truetype'), url('../type/CaviarDreamsItalic-webfont.svg#CaviarDreamsItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CaviarDreamsBoldItalic'; src: url('../type/CaviarDreams_BoldItalic-webfont.eot'); src: url('../type/CaviarDreams_BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../type/CaviarDreams_BoldItalic-webfont.woff') format('woff'), url('../type/CaviarDreams_BoldItalic-webfont.ttf') format('truetype'), url('../type/CaviarDreams_BoldItalic-webfont.svg#CaviarDreamsBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CaviarDreamsRegular'; src: url('../type/CaviarDreams-webfont.eot'); src: url('../type/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'), url('../type/CaviarDreams-webfont.woff') format('woff'), url('../type/CaviarDreams-webfont.ttf') format('truetype'), url('../type/CaviarDreams-webfont.svg#CaviarDreamsRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CaviarDreamsBold'; src: url('../type/CaviarDreams_Bold-webfont.eot'); src: url('../type/CaviarDreams_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../type/CaviarDreams_Bold-webfont.woff') format('woff'), url('../type/CaviarDreams_Bold-webfont.ttf') format('truetype'), url('../type/CaviarDreams_Bold-webfont.svg#CaviarDreamsBold') format('svg'); font-weight: normal; font-style: normal; } /* font-family:'Avenir LT W01 45 Book'; */ /* font-family:'Avenir LT W01 95 Black'; */ .sprite{background: url(../images/main-css-sprite.png) no-repeat} #maincontent p {font-size: 18px;line-height:24px !important;} #mapcontent p {font-size: 16px;line-height:20px !important;} #mapcontent #bodyContent h2 {font-size: 20px;} .errormessage {background-color: #000;color:#fff;padding:10px;} .errormessage h4 {font-size: 20px;} .errormessage p {margin: 0px;} #tweet-container {font-size: 12px;} /* #Header ================================================== */ #header{position:relative;height:266px} #logo{display:block;margin:0;padding:0;position:absolute;top:5px;width:750px;height:200px;z-index:1} #logo a{display:block;max-width:750px;height:200px;text-indent:-9999px;} #logo a img{display:block;} #strapline{display:block;position:absolute;top:75px;left:245px;width:453px;height:31px;background-position:0 -90px;text-indent:-9999px;} #artscouncil{z-index:2;display:block;position:absolute;right:0;top:5px;width:158px;height:68px;text-indent:-9999px;background-position:0 -22px} .caviarbold{font-family:'Avenir LT W01 45 Book', Arial, sans-serif;font-size:1.2em;} .caviarbolditalic{font-family:'Avenir LT W01 45 Book', Georgia, serif;font-style:italic;} pre{font-family:"Courier New", Courier, monospace} #socialchannels{position:absolute;top:152px;right:88px;z-index:2;} #socialchannels li,#mapchannels li{float:left;margin-right:5px;padding:0 !important;} #socialchannels li a,#mapchannels li a{display:block;width:22px;height:22px;text-indent:-9999px;} #maincontent #mapchannels li{background: url(../images/main-css-sprite.png) no-repeat} .fb,#maincontent #mapchannels .fb{background-position:0 0;} .fl,#maincontent #mapchannels .fl{background-position:-22px 0;} .tw,#maincontent #mapchannels .tw{background-position:-44px 0;} .yt,#maincontent #mapchannels .yt{background-position:-66px 0;} .rss,#maincontent #mapchannels .rss{background-position:-88px 0;} #maincontent ol li{font-family:'Avenir LT W01 45 Book', Arial, sans-serif;font-size:1.5em;} #maincontent ol li span{font-family:'Avenir LT W01 45 Book', Geneva, sans-serif;font-size:75%} #searchform{position:absolute;top:178px;right:0px;width:309px;height:26px;background:#e5e5e5;z-index:2;} .searchfield{width:190px;padding:0 10px;line-height:26px;height:26px;border:0;background:#e5e5e5} .searchsubmit{float:right;border:0;background:rgb(77,77,77);color:#fff;height:26px;width:89px;text-align:left;padding-left:15px;line-height:26px;margin:0;/*text-transform:uppercase*/} .button{display:block;border:none;height:26px;line-height:26px;color:#fff !important;text-transform:uppercase;text-decoration:none;padding:0 1em} .bluebutton{background-color:#3399cc;} .pinkbutton{background-color:rgb(255,0,102);} .bluebutton:hover{color:#fff;background-color:rgb(255,0,102);} .pinkbutton:hover{color:#fff;background-color:#3399cc;} .bluebutton .arrow{display:inline-block;position:absolute;margin-left:5px;width:6px;height:9px;background-position:-20px -287px;text-indent:-9999px;line-height:26px;height:26px;} /* .bluebutton:hover .arrow{background-position:0 -313px} */ .pinkbutton .arrow{display:inline-block;margin-left:5px;width:6px;height:9px;background-position:0 -313px;text-indent:-9999px;line-height:26px;height:26px;} .pinkbutton:hover .arrow{background-position:0 -287px} #login-wrapper{} #loginbutton,#logoutbutton{display:block;position:absolute;top:150px;right:0;width:60px;background-color:#000;} #loginbox{background:rgb(119,224,193);position:absolute;top:0;right:0;z-index:1000;color:#121212;height:200px;display:none} #loginbox ol{list-style:none;margin:0;padding:0;margin-top:1em} #loginbox a{color:#3399CC;text-decoration:none;} #loginbox a:hover{text-decoration:underline} #loginbox #loginsubmit{cursor:pointer;margin:0 auto} #loginbox li{display:block;clear:both} #keepmesignin label{display:inline} #loginbox .loginfield label{display:none} #loginbox .loginfield input{display:inline;margin-bottom:0} #loginbox h2{font: 1.8em 'Avenir LT W01 45 Book', Arial, sans-serif;color:#000;margin-bottom:0.25em} #loginbox p{margin-bottom:0.25em} #closebox{display:block;position:absolute;top:200px;right:5px;padding:0.5em 1em;background:rgb(119,224,193);color:#3399CC;z-index:1000;text-decoration:none;text-transform:uppercase;font-size:85%;font-weight:bold;cursor:pointer;display:none} #closebox:hover{background:#3399CC;color:#fff} #content{background:#fff;color:rgb(77,77,77);position:relative} #content h1{font: 4em 'Avenir LT W01 45 Book', Arial, sans-serif;color:rgb(255,0,102);margin:0 0 0.5em;} #content h1 .membername{text-transform:none;font-size:50%;display:block} #maincontent h2,#maincontent h3,#maincontent h4,#maincontent h5,#maincontent h6,#memberssection h2{margin:0 0 0.5em} #maincontent h2,#memberssection h2{font: 2.0em 'Avenir LT W01 45 Book', Arial, sans-serif;color:rgb(255,0,102);} #maincontent h3{font-size: 130%;font-family:'Avenir LT W01 45 Book', Geneva, sans-serif;font-weight:bold;color:rgb(255,0,102);line-height: 1.5em;} #maincontent h4{text-transform:uppercase;color:rgb(255,0,102);font-size:110%;font-weight:bold} #maincontent h5{font-weight:bold;font-size:100%;text-transform:uppercase;} #maincontent h6{font-weight:bold} #maincontent article h2{font-size: 1.6em} #maincontent article h3{font-size: 110%;margin:0.25em 0;} #maincontent article h4{font-size:100%;margin-bottom:0.25em} #maincontent article h5{font-size:95%;margin-bottom:0.25em} #maincontent article h6{font-size:85%;margin-bottom:0.25em} #maincontent ul li{background:url(../images/black-arrow.png) no-repeat 0 0.5em;padding-left:1em} #maincontent .uniForm ul li,#maincontent .csc-textpic-imagewrap ul li{background:none;padding-left:0} #maincontent code{font-family:"Lucida Console", Monaco, monospace;color:#555} #maincontent blockquote {font: 1.3em/1.6em 'Avenir LT W01 45 Book',Georgia,serif ;color:#555;font-style: italic;} #maincontent blockquote { margin: 0 0 0.5em;} #maincontent blockquote cite { display: block; font-size: 85%; font-family:'Avenir LT W01 45 Book', Geneva, sans-serif } #maincontent blockquote cite:before { content: "\2014 \0020"; } #maincontent .blue-bgrnd{background:rgb(119,224,193);padding:2em;clear:both;margin-top:1em;color:#191919} #maincontent .blue-bgrnd h2,#maincontent .blue-bgrnd h3, #maincontent .blue-bgrnd h4, #maincontent .blue-bgrnd h5, #maincontent .blue-bgrnd h6 {color:#191919} #maincontent .blue-bgrnd a{color:rgb(67,0,152)} #maincontent .blue-bgrnd a:hover{text-decoration:underline} #maincontent .four.columns img{max-width:100%;height:auto !important} #maincontent .four.columns .csc-textpic-imagewrap{width:100% !important} /* #maincontent dl{float: left;width: 100%;margin: 1em 0;padding: 0;} #maincontent dt{clear: left;float: left;width: 33%;margin: 0;padding: 1%;border-bottom: 1px solid #999;font-weight: bold;} #maincontent dd{float: left;width: 60%;margin: 0;padding: 1%;border-bottom: 1px solid #999;} */ .csc-textpic-caption{border-top: 1px dashed #B4B4B4;color:#999;padding:0.5em 0;} .csc-textpic-intext-right .csc-textpic-caption{text-align:right} #pagestats{display:block;background:rgb(119,224,193) url(../images/views-icon.png) no-repeat top right;height:55px;float:right;margin:0 0 1em 1em} #pagestats p{margin: 0;padding:0.75em 115px 0.5em 1em} #views{font-weight:bold;font-size:120%;} #maincontent .tx_frjobs td{padding:1em} #maincontent table{border-spacing: 0;margin-bottom: 30px;padding:1px;width:100%;background: #fff; } #maincontent table caption{font-weight:bold;text-align:left;padding:0.5em 1em;} #maincontent table th{background: #191919;vertical-align:top;font-family:'Avenir LT W01 45 Book';font-size:120%;color:#fff;text-align:left;padding:0.5em 1em;border-collapse:collapse;border-bottom:1px dashed #fff;} #maincontent table th p{margin:0} #maincontent table th.last{border-right:none} #maincontent table td{padding:0.5em 1em;border-bottom:1px solid #191919;border-collapse:collapse} #maincontent table td.last{border-right:none} #maincontent table td p{margin:0} #maincontent tr.draftitem p,#maincontent tr.draftitem .itemdate{zoom: 1;filter: alpha(opacity=50); opacity: 0.5;} .drafttag{display:block;background:#b4b4b4;padding:0.25em 0.5em;margin:0.25em 0;font-size:85%;text-transform:uppercase;color:#fff;width:38px} #maincontent p.lead{font: 1.4em 'Avenir LT W01 45 Book'} #maincontent time{display:block;font-style:italic;margin:0.5em 0;clear:left;font-size: 16px;} #content .pageheading{padding:2em 2em 0} #breadcrumb ul li,#breadcrumb ul {margin-bottom:0} #breadcrumb ul li{display:inline} #breadcrumb-wrapper{border-bottom:1px dashed #b4b4b4} #breadcrumb-wrapper h1{margin-bottom:0.25em} #breadcrumb a,#sidenav a{color:#000 !important;font-size: 14px;} #breadcrumb a:hover,#sidenav a:hover{text-decoration:underline} #breadcrumb a{margin:0 0.5em;color:#777 !important;font-size:85%;} #sidenav li li a{text-transform:none} #sidenav li ul{margin-left:0;border-left:2px solid #cc1f58;padding-left:1em;display:none} #sidenav li.active ul{display:block} #sidenav li ul ul{border-left:1px solid #b4b4b4;font-size: 90%;} #filters .columns{padding:0 0.5em 0 0;} #filters label{text-transform:uppercase;font-size:85%} #filters select{} #filters button{margin-top:12px} .pageleft{padding-right:2em} #memberlist article{position:relative;border-bottom:1px dashed #B4B4B4;padding:0.5em 0} #memberlist article a{height:auto !important} #memberlist h4 .organisation{color:#777777;font-size:85%;text-transform:lowercase} #memberlist .memberdesc{margin-top:0.5em} #memberlist .showprofile{padding-left:12px} #memberlist .closed{background:url(../images/pink-arrow-down.png) no-repeat 0 5px;} #memberlist .open{background:url(../images/pink-arrow-up.png) no-repeat 0 5px;} #memberlist .hidenprofile{width:100%;overflow:hidden} #memberlist p{margin-bottom:0.5em} .whoiswho{} #content a{color:rgb(255,0,102); text-decoration:none} #content h2 a{color:rgb(255,0,102) !important; font-size:36px;} #content a:hover{} .homepage #content article a{display:block;clear:both;float:left;text-decoration:none;clear:both;width:100%;overflow: hidden;height: auto;padding-bottom: 15px; margin-bottom:1em;position:relative;color:rgb(77,77,77)} .homepage #content article a:hover{background:#f6f6f6;} #content article .thumb{float:right;margin-left:1em;width:244px;overflow:hidden;max-height: 400px;} #content article .thumb img{border:2px solid #bdbdbd} #content article .readmore{position:absolute;bottom:0em;left:0;width:6.5em;display:none;} #content article a:hover .readmore{display:block} #content article .category{float:left;display:none;color:#fff;background:rgb(255,0,102) url(../images/categories-icons-sprite.png) no-repeat;line-height:16px;height:16px;margin-right:0.5em;padding:0 5px 0 16px;font-size:85%;text-transform:uppercase} #content article .Research{background-position:0 -32px;display:block;} #content article .Notice{background-position:0 0px;display:block;} #content article .Event{background-position:0 -16px;display:block;} #content article .archived{float:left;height:16px;background:#f6f6f6;color:#191919;font-size:85%;text-transform:uppercase;padding:0 0.5em} #content article h3{clear:left;} #content .viewall{display:block;font-weight:bold;line-height:26px;width:25em;clear:left} #content .viewall .arrow{display:inline-block;margin-left:5px;width:6px;height:9px;background-position:-20px -313px;text-indent:-9999px;line-height:26px;height:26px;} #content .viewall:hover{text-decoration:underline} .padding{padding:2em} .homepage #content{background: #fff url(../images/homepage-tile.png) repeat-y 62.5% 0 /* 600/960 */} #memberssection a{color:rgb(67,0,152)} #memberssection h2,.bluebox h2,#memberssection h2 a{color:#000 !important} #memberssection article a{display:block;height:188px;margin-bottom:1em;overflow:hidden} #memberssection article a:hover{background:rgb(0,179,161) !important;} #memberssection article .author{font-style:italic;margin:0.5em 0;color:#191919;clear:left;font-size: 16px;} #memberssection article time{color:#191919;font-style:italic;font-size: 16px;} #memberssection article .thumb{width:74px;overflow:hidden} #memberssection article .thumb img{border-color:#fff;width:70px;height:70px} #memberssection .viewall .arrow{background-position:-20px -313px;text-indent:-9999px;line-height:26px;height:26px;} #memberssection .viewall:hover{text-decoration:underline} #memberssection article .Research{background-color:#3399cc;background-position:0 -80px} #memberssection article .Notice{background-color:#3399cc;background-position:0 -48px} #memberssection article .Event{background-color:#3399cc;background-position:0 -64px} #memberssection article h3, #maincontent article h3{font-size: 22px;line-height: 26px !important;font-weight:bold} #memberssection article h3 > .category, #maincontent article h3 > .category {font-size: 12px !important;} #memberssection article p, #maincontent article p {font-size: 18px;} DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG{ border:2px solid #BDBDBD; } /* Dashboard */ .bluebox{background:rgb(119,224,193);padding:1em} .bluebox h2{font-size:160% !important} #memberaction{float:right} #memberaction ul li{background:none;padding:0} #memberaction h2:first-child,#yourprofile h2:first-child{margin-top:0} #memberaction a{color:#3399cc;text-transform:uppercase} #memberaction a:hover{color:rgb(255,0,102)} #editprofilebtn{width:11em;float:right} #yourprofile table{font-size:85%} #maincontent .listingactions{margin:0.5em 0} #maincontent .listingactions li{display:inline;background:none;padding:0 1em 0 0} #maincontent .listingactions li a{color:#00b7db;} #maincontent .listingactions li a:hover{color:rgb(255,0,102)} #maincontent a.addnew{color:#00b7db;font: 50%/1em 'Avenir LT W01 45 Book', Geneva, sans-serif;text-transform:uppercase;margin-left:1em} #maincontent a.addnew:hover{color:rgb(255,0,102)} #maincontent b{font-weight:bold} #content .f3-widget-paginator{clear:both;float:right;margin:1em 0} #content .f3-widget-paginator li{float:left;display:block;background: none;padding:0;margin-right:0.25em} #content .f3-widget-paginator li a{display:block;background:#3398cc;padding:0 0.5em;color:#fff} #content .f3-widget-paginator li a:hover{background:#cc1f58;} #content .filter{clear:both;} #content .filter li{display:inline; border-right:1px solid #b6b6b6;padding: 0 0.5em;background:none} #content .filter li .active{color:#191919} #articles .pagination{border-bottom:1px solid #191919;overflow:hidden;margin-bottom:1em} #articles .pagination ul li{margin:0.5em 0.5em 0.5em 0} #twitterfeed{width:249px;height:204px;background-position:0 -391px;position:relative;font-size:95%;} #twitterfeed .padding{padding-top:3em} #twitterfeed .twitter-follow-button{position:absolute;display:block;left:10px;bottom:25px;font-size:85%} #twitterfeed .twitter-follow-button:hover{text-decoration:underline} #joinnow{width:7em;margin-bottom:1em} #twitterfeed ul li{background:none;padding:0} #sliderwrapper{position:relative;width:100%;height:300px} /* .blueend{background:url(../images/blue-end-360px.png) no-repeat;width:360px;height:26px;position:absolute;right:0;bottom:0;} */ .sliderwrapper{position:relative;height:300px;width:400px} .sliderwrapper img{max-width:100%;height:auto} .sliderwrapper div.anythingSlider-tf .anythingControls{top:280px !important} .anythingControls li{background:none !important;padding:0 !important} #slider1 li.panel{background:none !important;padding:0 !important;width:400px !important;height:300px !important;overflow:hidden} #slider1 img{max-width:100%} #slider .panel{background: #000 url(../images/slider-tile.png) repeat-y 62.5% 0 /* 600/960 */} .figure{overflow:hidden;position:relative} #dontforget{position:absolute;top:1em;right:1em;background:url(../images/pink-bubble.png) no-repeat;width:247px;height:157px;} #dontforget p{padding:1.5em;font-family: 'Avenir LT W01 45 Book',Georgia,serif;font-size:1.3em;line-height:1.2;color:#fff;font-style: italic;} .singleview{top:auto !important;bottom:20px;} .tx_frjobs{clear:both} .pinkbg{font-size: 1.6em; color: #fff;} /* Blockquotes */ .pinkbg blockquote, .pinkbg blockquote p {font-family: 'Avenir LT W01 45 Book',Georgia,serif;font-style: italic; } .pinkbg a{color:#fff !important;text-decoration: underline !important;} .textSlide{} .pinkbg blockquote { margin: 0 0 1em;} .pinkbg blockquote cite { display: block; font-size: 85%; color: #fff; } .pinkbg blockquote cite:before { content: "\2014 \0020"; } .pinkbg blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #fff; } .pinkbg p{font-family: 'Avenir LT W01 45 Book',Georgia,serif} /* #Main Navigation ================================================== */ #mainnav select { display: none; } #mainnav{position:absolute;width:100%;top:206px;left:0;background-color:rgb(65,113,255);height:58px;} #mainnav .row{margin:0} #mainnav ul {padding:0; margin:0; font:/* 1.4em*/ 13px 'Avenir LT W01 45 Book' Arial, sans-serif; list-style:none; height:46px; position:relative;float:left} #mainnav ul.members{/*background-color:#3399cc;background-position:0 -595px;*/width:100%} #mainnav li{padding: 0; margin:0;} #mainnav li.top {display:block; position:relative; padding: 0; margin: 0; margin-left: 0; float:left; height:53px; width:119px;border-right: 1px solid black;padding-top: 5px;} #mainnav .members li.top:last-child {border-right: none} #mainnav li.top:before { content:"^"; display:block;position:absolute;bottom:8px;left:13px; -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari and Chrome */ -o-transform:rotate(180deg); /* Opera */ } #mainnav li.top a {display:block; float:left; height:46px; line-height:46px; color:#fff; text-decoration:none; padding:0 1em;/*text-transform:uppercase*/} /* #mainnav ul.members li.top:first-child{margin-left:3em !important} */ #mainnav li.top:hover a,#nav li.iehover a{background:rgb(65,113,255);color:#fff} #mainnav li.top.active a span{border-bottom:1px solid #fff} #mainnav ul.members li.top.active a span{border-bottom:1px solid #fff} /* Default list styling */ #mainnav li:hover {position:relative;} #mainnav li:hover ul.sub,#nav li.iehover ul.sub {left:0px; top:58px; background: rgb(65,113,255); padding:10px; white-space:nowrap; width:auto; height:auto; z-index:300;} #mainnav li:hover ul.sub li,#nav li.iehover ul.sub li {display:block; position:relative; margin:0;padding:0 !important; height:auto !important; float:left; width:100%; font-weight:normal;border-bottom:1px dashed #fff;} #mainnav li:hover ul.sub li a,#nav li.iehover ul.sub li a {display:block; line-height:3em;height:3em; width:100%;padding:0 !important; /*font-size:0.45em;*/ font-family: 'Avenir LT W01 45 Book', Geneva, sans-serif; text-transform:none; color:#fff !important; text-decoration:none; border:none !important;background:none;} #mainnav li:hover ul.sub li a:hover,#nav li.iehover ul.sub li a:hover {text-decoration:underline} #mainnav ul.members li.top:hover a,#mainnav ul.members li.iehover a{background:rgb(65,113,255);color:#fff} #mainnav ul.members li:hover ul.sub,#nav ul.members li.iehover ul.sub{background:rgb(65,113,255);} #mainnav ul.members li:hover ul.sub li,#nav ul.members li.iehover ul.sub li{border-bottom:1px dashed #ffffff;}/*#3399cc*/ #mainnav ul ul, #mainnav li:hover ul ul, #mainnav li:hover li:hover ul ul, #mainnav li:hover li:hover li:hover ul ul, #mainnav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #tfinotices article{position:relative;clear:both;border-bottom:1px dashed #b4b4b4;} #tfinotices article h3{color:#fff;background:#cc3467;padding:0.5em;margin:0;font: 1.4em/1.3 'Avenir LT W01 45 Book', Arial, sans-serif;} #tfinotices article.first{width:100%;border:none;padding:0} #tfinotices article.first a{padding:0} #tfinotices article.first .noticetext{position:absolute;top:2em;right:0em;margin-left:2em;width:50%} #tfinotices article.first .thumb{float:none;width:100%;margin:0;} #tfinotices article.first .thumb img{border:0} #tfinotices article.first .noticetext h3{color:#fff;background:#cc3467;padding:0.5em;float:left;margin:0 0em 0 3em;font: 2em/1.3 'Avenir LT W01 45 Book', Arial, sans-serif;} #tfinotices article.first .noticetext time{background:#cc1f58;color:#fff;padding:0.25em;margin:0 0em 0 4em;} #tfinotices article.first .subtext{background:#fff;padding:1em;color:#191919} #tfinotices article.first .subtext p{margin:0;padding:0} #tfinotices article.first .category {float:none;position:absolute;top:0;left:0;margin:0} #tfinotices article .subtext{color:#191919} #tfinotices article a{display:block;overflow:hidden;padding:2em 0} #tfinotices article a:hover{background:#f6f6f6} #tfinotices article .thumb img{border-color:#CC3467} #maincontent table.singleview td p {margin-bottom: 1em;} .eventfull span{display:block;margin-bottom:0.5em;line-height:1.3;clear:both;} .eventfull .title{font: 150%/1.3 'Avenir LT W01 45 Book', Arial, sans-serif;margin-bottom:0.5em} /* Calendar styling ================================================== */ #montharrows{float:right;} #montharrows a{float:left;margin-left:1em} #maincontent .calendar-row td{height:80px;width:14%;border-right:1px dashed #B4B4B4} #maincontent .calendar-row td ul{font-size:85%} #maincontent .calendar-row td ul li{background:none;padding-left:0;} #maincontent .calendar-row td ul li a{padding:0.25em;display:block} #maincontent .calendar-row td ul li a:hover{background:rgb(255,0,102);color:#fff} #maincontent .calendar-row td ul li a:hover:after{content:'VIEW';} #maincontent .calendar-row td ul li.editable a{color:#191919;background:#bfe9ff;} #maincontent .calendar-row td ul li.editable a:hover{color:#fff;background:#3398cc} #maincontent .calendar-row td ul li.editable a:hover:after{content:'EDIT';} #maincontent .day-number-format{font-family:'Avenir LT W01 45 Book' Arial, sans-serif;font-size:2em;display:block;width:100%;margin-bottom:0.25em} #maincontent .addevent{color:#3398cc} #maincontent .addevent:hover{text-decoration:underline} #tx_indexedsearch{border:1px dashed #b4b4b4;padding:1px} #basicsearch{background:rgb(119,224,193);padding:1em} #basicsearch label{display:none} #advancedsearchlink{float:right;margin-top:10px} #advancedsearchlink a{display:block;padding:0.25em 1em;background:#fff;width:10em;text-align:center;color:#3399cc;font-weight:bold} #advancedsearchlink a:hover{text-decoration:underline} #saearchbuttonplaceholder1{display:inline;padding:0;} #tx-indexedsearch-searchbox-sword{height:29px} #advance-search select{width:100%} #advance-search .ctrlHolder{min-height:80px} #advance-search ul{margin-top:1em} .tx-indexedsearch-browsebox p{float:left} #maincontent .browsebox{float:right} #maincontent .browsebox li{float:left;display:block;background: none;padding:0;margin-right:0.25em} #maincontent .browsebox li a{display:block;background:#3398cc;padding:0 0.5em;color:#fff} #maincontent .browsebox li a:hover{background:#cc1f58;} .res {border-bottom:1px dashed #b4b4b4;padding:2em 1em;} .tx-indexedsearch .percent-tmpl-css{float:none;font-size:85%;color:#999} .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup{color:rgb(255,0,102)} .tx-indexedsearch-descr{margin-bottom:0.5em} .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info{background:none;font-size:95%} .tx-indexedsearch-icon,.tx-indexedsearch-result-number {display:none} #maincontent .news-list-container{padding:0} #maincontent .newsitem{border-bottom:1px dashed #b4b4b4;padding:1em 0em;background:none} #maincontent .newsitem:first-child{padding-top:0} #maincontent .newsitem .date{font-style: italic; margin: 0.5em 0;} #maincontent .newsitem p{margin:0.5em 0} #maincontent .newstitle{font: 1.4em/1.3 'Avenir LT W01 45 Book',Arial,sans-serif;color:rgb(255,0,102)} #maincontent .news-list-container .pagination{clear:both} #maincontent .news-list-container .f3-widget-paginator{clear:none} #maincontent .news-list-container .showing{display:block;float:left;margin:1em 0} #maincontent .news-list-container a:hover{text-decoration:underline} #maincontent dl.news-single-files{margin: 0;padding: 0;} #maincontent dl.news-single-files dt{position: relative;left: 0;top: 1.1em; width: 5em; font: 1.8em/1.3 'Avenir LT W01 45 Book',Arial,sans-serif;} #maincontent dl.news-single-files dd{border-left: 1px dashed #b4b4b4;margin: 0 0 0 6em;padding: 0 0 1em 1em;} #maincontent dl.news-single-files dd img{vertical-align:bottom;float:left !important} #maincontent .news-single-additional-info{margin:0;padding:0} #maincontent .newstable{margin-bottom:1em} #maincontent .categorytitle{color:#999;font-size:93%} /* #Footer ================================================== */ #footer{font-size:93%;width:90%;padding:15px 5% 0;background-color:rgb(77,77,77)} #footer .row{margin:0} #footer a{color:#d0d0d0;text-transform:uppercase;} #footer a:hover{text-decoration:underline} #footer .fluidrock a.fr{text-decoration:none;color:#d0d0d0} .normal{text-transform:none !important} #footer hr{display:none;/*border: solid #323232;border-width: 1px 0 0;*/} .alignright{text-align:right} .floatright{float:right} .fiftysix p{line-height:56px !important;vertical-align:top} .partners img{float:right;margin-left:1em} a.partners-img {width:68px;height:68px;display:block;overflow:hidden;background-image:url(../images/main-css-sprite.png);background-position:0px -22px;margin:0px 0px 0px 10px;float:right;} /* #Page Styles ================================================== */ /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #maincontent .csc-textpic-image{width:100% !important;max-width:100%;} #maincontent .csc-textpic-image img{ max-width:100%;width:auto !important;height:auto !important} #maincontent .csc-textpic-imagewrap{float:none} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #slider,#header,#footer{font-size:85% !important} #mainnav ul {font-size:1.17em !important} #mainnav li.top{width:auto;} /*#logo{top:45px;width:189px;height:117px;background-position:0 -744px;z-index:1}*/ #logo a{max-width:100%;height:117px;text-indent:-9999px;} #strapline{display:block;position:absolute;top:95px;left:185px;width:339px;height:24px;background-position:0 -720px;text-indent:-9999px;} #artscouncil{display:block;position:absolute;right:0;bottom:50px;width:118px;height:51px;text-indent:-9999px;background-position:0 -669px} #twitterfeed{width:192px;font-size:93%;background-position:0 -861px} #twitterfeed .twitter-follow-button{top:-5px;bottom:auto;left:40px} #mainnav li:hover ul.sub li a,#nav li.iehover ul.sub li a{/*font-size:0.55em;*/line-height:2.5em;height:2.5em} #content{font-size:95%} #content h2{font-size:170%} /* .blueend{background:url(../images/blue-end-288px.png) no-repeat;width:288px;height:25px;position:absolute;right:0;bottom:0;} */ } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .homepage #content{background:#fff} #slider,#header,#footer{font-size:85% !important} #content h1{font-size:2.5em} #logo{top:45px;width:189px;height:117px;background-position:0 -744px;z-index:1} #logo a{max-width:100%;height:117px;text-indent:-9999px;} #strapline{display:block;position:absolute;top:95px;left:185px;width:300px;height:21px;background-position:0 -720px;text-indent:-9999px;} #artscouncil{display:block;position:absolute;right:0;bottom:50px;width:118px;height:50px;text-indent:-9999px;background-position:0 -669px} #memberssection {background-color:rgb(119,224,193) !important} #slider .panel{background:rgb(255,0,102)} #slider img{max-width:100%;height:auto !important} #searchform{width:150px} .searchfield{width:200px;font-size:85%} #socialchannels{left:0;right:auto} .homepage article a {height:auto !important; padding-bottom:1.5em} #pagestats{float:none;margin:0 0 1em 0;width:100%;background:rgb(119,224,193);height:auto} #pagestats p{margin: 0;padding:1em;font-size:93%} #views{font-weight:bold;font-size:120%;} .sliderwrapper,#slider1,#slider1 li{display:none} #tfinotices article.first .noticetext{width:80%;font-size:93%} #tfinotices article.first .noticetext h3{} #tfinotices article .thumb{width:120px;} #tfinotices article .thumb img{max-width:100%;height: 100%;border:none;} #tfinotices article.first .thumb{width:100%;} .blueend{display:none;} div.anythingSlider-tf .anythingControls{bottom: 0px !important;} #dontforget{position:relative;} #c983{display:none} .tx_frjobs{margin-top} /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #191919; border-bottom:5px solid #191919 } #attendeeForm tr {border:none } td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; width:90% !important; height:auto !important } td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 50px; width: 45%; padding-right: 10px; white-space: nowrap; } /* Label the data */ .calendar td:nth-of-type(1):before { content: "Mon"; } .calendar td:nth-of-type(2):before { content: "Tue"; } .calendar td:nth-of-type(3):before { content: "Wed"; } .calendar td:nth-of-type(4):before { content: "Thu"; } .calendar td:nth-of-type(5):before { content: "Fri"; } .calendar td:nth-of-type(6):before { content: "Sat"; } .calendar td:nth-of-type(7):before { content: "Sun"; } .tx_frjobs td:before { /* Now like a table header */ position: relative; /* Top/left values mimic padding */ top: 0; left: 0; width: auto; padding-right: 10px; white-space: nowrap; font: 1.4em/1.3 'Avenir LT W01 45 Book',Arial,sans-serif; } .tx_frjobs td:nth-of-type(1):before { content: "Published"; } .tx_frjobs td:nth-of-type(2):before { content: "Job Content"; } .tx_frjobs td:nth-of-type(3):before { content: "Closing Date"; } } /*Attendee Form Styles*/ #attendeeForm td { display:block; border-bottom:none !important; } #attendeeForm tr { border-bottom:1px dashed rgb(239,239,239); } #attendeeForm .attendeeList { padding:10px; line-height:1; font-size:12px; font-weight:bold; color:#fff; background:rgb(51,153,204); border:1px solid rgb(51,153,255); cursor:pointer; } #attendeeForm .attendeeList:hover { background:rgb(204,51,102); border:1px solid rgb(204,51,102); } .tourtype { background:rgb(204,51,102); color:#fff; text-transform:uppercase; padding:3px; font-size:12px; } .tour-type { background:rgb(204,51,102); color:#fff; text-transform:uppercase; font-size:2.2em; line-height:1.2em; margin:12px 10px 0px 0px; float:left; padding:2px 5px; } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { #header{height:249px} #logo{top:5px;width:100%;height:111px;background-position:0 -1061px;z-index:1} #logo a{max-width:100%;height:111px;text-indent:-9999px;} #logo a img{width:420px;height:111px;} #artscouncil{top:10px;width:118px;height:50px;text-indent:-9999px;background-position:0 -669px;z-index:2;} #searchform{width:330px;top:121px;left:0px;} #strapline{display:block;position:absolute;top:110px;left:0px;width:420px;height:31px;background-position:0 -1122px;text-indent:-9999px;} #mainnav{top:152px;height:auto !important} #mainnav ul{font-size: 1.2em} #sliderwrapper,#slider,#slider li{height:330px;background:rgb(255,0,102)} #slider .panel{background:rgb(255,0,102)} .pinkbg{font-size:100%;line-height:1.5em;} .pinkbg blockquote,.pinkbg p,.pinkbg blockquote p{font-family:'Avenir LT W01 45 Book', Geneva, sans-serif !important} .pinkbg cite{font-style:italic;font-size:100%} .pinkbg .padding{padding:1em} #slider .caption{display:none} #loginbutton, #logoutbutton{top:121px;} #loginbox .loginfield input{margin-bottom:0.25em} #socialchannels{top:92px;right:0;left:auto;z-index:2;} #mainnav li.top{height:41px;width:104px;} #mainnav li.top:before{display:none;} #mainnav ul.members {float:right;width:auto !important;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #mainnav ul{ display: none; } #mainnav select { display: block; margin:0.25px auto;width:100%} #content article a{padding-bottom:1.5em} #content .viewall .arrow{2.5em} #searchform{display:none} #logo{top:5px;width:100%;height:80px;overflow:hidden;background-position:0 -1061px;z-index:1} #logo a{max-width:100%;height:80px;text-indent:-9999px;} #logo a img{width:100%;} #artscouncil{bottom:55px;width:100px;height:40px;text-indent:-9999px;background-position:0 -558px;background-size:377px 1082px;} #strapline{left:0;top:110px} #header{height:141px} #mainnav{top:90px;height:auto !important} #sliderwrapper,#slider,#slider li{height:330px;background:rgb(255,0,102)} #loginbutton, #logoutbutton{top:113px;} #socialchannels{top:115px;} #slider .panel{background:rgb(255,0,102)} .pinkbg{font-size:100%;line-height:1.5em;} .pinkbg blockquote,.pinkbg p,.pinkbg blockquote p{font-family:'Avenir LT W01 45 Book', Geneva, sans-serif !important} .pinkbg cite{font-style:italic;font-size:100%} .pinkbg .padding{padding:0.5em} #slider .caption{display:none} #loginbox .loginfield input{margin-bottom:0.25em} #tfinotices article.first{min-height:350px} #tfinotices article.first .subtext{background:#f6f6f6} } /* #ie specific styles ================================================== */ /* .ie .caviarbolditalic,.ie .pinkbg blockquote,.ie .pinkbg blockquote p{font-family:'Avenir LT W01 45 Book', Geneva, sans-serif !important;font-style:italic} .ie .caviarbold,.ie #loginbox h2,.ie #maincontent h2,.ie .pinkbg p,.ie #mainnav ul{font-family:'Avenir LT W01 45 Book', Geneva, sans-serif !important} */ .ie #loginbox .loginfield label{display:inline} .ie .uniForm,.ie .uniForm fieldset,.ie .uniForm .ctrlHolder,.ie .uniForm .formHint,.ie .uniForm .buttonHolder,.ie .uniForm .ctrlHolder ul{ zoom:1; } /* .ie8 .caviarbolditalic,.ie8 .pinkbg blockquote,.ie8 .pinkbg blockquote p{font-family:'Avenir LT W01 45 Book', Geneva, sans-serif !important;font-style:italic} .ie8 .caviarbold,.ie8 #loginbox h2,.ie8 #maincontent h2,.ie8 .pinkbg p,.ie8 #mainnav ul{font-family:'Avenir LT W01 45 Book', Geneva, sans-serif !important} */ .ie8 #loginbox .loginfield label{display:inline} .ie8 .uniForm,.ie .uniForm fieldset,.ie8 .uniForm .ctrlHolder,.ie8 .uniForm .formHint,.ie8 .uniForm .buttonHolder,.ie8 .uniForm .ctrlHolder ul{ zoom:1; } .ie8 #mainnav li.top a , .ie7 #mainnav li.top a{padding-left:5px !important;} .ie9 .sliderwrapper img{max-width:100%;height:auto;} /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */ /* ------------------------------------------------------------------------------ Copyright (c) 2010, Dragan Babic Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ------------------------------------------------------------------------------ */ /* ############################# GENERALS ################################### */ /* ------------------------------------------------------------------------------ */ .uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */ /* Some generals and more resets */ .uniForm fieldset{ border: none; margin: 0; padding: 0;clear:both } .uniForm fieldset legend{ margin: 0; padding: 0; } /* This are the main units that contain form elements */ .uniForm .ctrlHolder, .uniForm .buttonHolder{display:block;overflow:hidden; margin: 0; padding: 0; clear: both; } /* Clear all floats */ .uniForm:after, .uniForm .buttonHolder:after, .uniForm .ctrlHolder:after, .uniForm .ctrlHolder .multiField:after, .uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; } .uniForm label, .uniForm button{ cursor: pointer; } /* ------------------------------------------------------------------------------ */ /* ########################## DEFAULT LAYOUT ################################ */ /* ------------------------------------------------------------------------------ */ /* Styles for form controls where labels are above the input elements */ /* ------------------------------------------------------------------------------ */ .uniForm label, .uniForm .label{ display: block; float: none; margin: 0 0 .5em 0; padding: 0; line-height: 100%; width: auto; } /* Float the input elements */ .uniForm .textInput, .uniForm .fileUpload, .uniForm .selectInput, .uniForm select, .uniForm textarea{ float: left; width: 53%; margin: 0; } .uniForm #description textarea{float:none;width:100%;} .uniForm #description{width:53%;float:left;} #description table{width: auto;background:#F3F3F3;margin:0} .uniForm .error input,.uniForm .error textarea{background:#fff} .youtube-img{clear: left;display: block;float: left;} .uniForm #description table td{border:none;background:#F3F3F3} /* Read-Only output */ .uniForm .readOnlyLabel{ margin: 0; font-size: 1em; font-weight: bold; } .uniForm .readOnly{ font-size: .85em; } .uniForm .readOnly .choiceLabel{ color: #777; text-transform: uppercase; font-size: .75em; letter-spacing: .15em; } /* Postition the hints */ .uniForm .formHint{ float: right; width: 43%; margin: 0; clear: none; } /* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */ .uniForm ul{ float: left; width: 53%; margin: 0; padding: 0; } .uniForm ul li{ margin: 0 0 .5em 0; list-style: none; } .uniForm ul li label{ margin: 0; float: none; display: block; overflow: visible; } /* Alternate layout */ .uniForm ul.alternate li{ float: left; width: 30%; margin-right: 3%; } .uniForm ul.alternate li label{ float: none; display: block; width: 98%; } .uniForm ul .textInput, .uniForm ul .selectInput, .uniForm ul select, .uniForm ul.alternate .textInput, .uniForm ul.alternate .selectInput, .uniForm ul.alternate select{ width: 98%; margin-top: .5em; display: block; float: none; } /* Required fields asterisk styling */ .uniForm label em, .uniForm .label em{ float: left; width: 1em; margin: 0 0 0 -1em;color:rgb(255,0,102) } /* ------------------------------------------------------------------------------ */ /* ######################### ALTERNATE LAYOUT ############################### */ /* ------------------------------------------------------------------------------ */ /* Styles for form controls where labels are in line with the input elements */ /* Set the class of the parent (preferably to a fieldset) to .inlineLabels */ /* ------------------------------------------------------------------------------ */ .uniForm .inlineLabels label, .uniForm .inlineLabels .label, .uniForm .inlineLabels .readOnlyLabel{ float: left; margin: .3em 2% 0 0; padding: 0; line-height: 1; position: relative; width: 32%; } .uniForm .inlineLabels .readOnlyLabel{ margin: 0; } /* Float the input elements */ .uniForm .inlineLabels .textInput, .uniForm .inlineLabels .fileUpload, .uniForm .inlineLabels .selectInput, .uniForm .inlineLabels select, .uniForm .inlineLabels textarea{ float: left; width: 64%; } /* Postition the hints */ .uniForm .inlineLabels .formHint{ clear: both; float: none; width: auto; margin-left: 34%; position: static; } /* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */ .uniForm .inlineLabels ul{ float: left; width: 66%; } .uniForm .inlineLabels ul li{ margin: .5em 0; } .uniForm .inlineLabels ul li label{ float: none; display: block; width: 100%; } /* Alternate layout */ .uniForm .inlineLabels ul.alternate li{ margin-right: 3%; margin-top: .25em; } .uniForm .inlineLabels ul li label .textInput, .uniForm .inlineLabels ul li label textarea, .uniForm .inlineLabels ul li label select{ float: none; display: block; width: 98%; } .uniForm .inlineLabels .readOnly{ float: right; width: 66%; } /* Required fields asterisk styling */ .uniForm .inlineLabels label em, .uniForm .inlineLabels .label em{ display: block; float: none; margin: 0; position: absolute; right: 0; } /* ----------------------------------------------------------------------------- */ /* ########################### Additional Stuff ################################ */ /* ----------------------------------------------------------------------------- */ /* Generals */ .uniForm legend{ color: inherit; } .uniForm .secondaryAction{ float: left; } /* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */ .uniForm .inlineLabel input, .uniForm .inlineLabels .inlineLabel input, .uniForm .blockLabels .inlineLabel input, /* class .inlineLabel is depreciated */ .uniForm label input{ float: none; display: inline; margin: 0; padding: 0; border: none; } .uniForm .buttonHolder .inlineLabel, .uniForm .buttonHolder label{ float: left; margin: .5em 0 0 0; width: auto; max-width: 60%; text-align: left; } /* When you don't want to use a label */ .uniForm .inlineLabels .noLabel ul{ margin-left: 34%; /* Match to width of label + gap to field */ } /* Classes for control of the widths of the fields */ .uniForm .small { width: 30% !important; } .uniForm .medium{ width: 45% !important; } .uniForm .large { } /* Large is default and should match the value you set for .textInput, textarea or select */ .uniForm .auto { width: auto !important; height: auto !important; } .uniForm .small, .uniForm .medium, .uniForm .auto{ margin-right: 4px; } /* Columns */ .uniForm .col{ float: left; } .uniForm .col{ width: 50%; } /* ------------------------------------------------------------------------------ UNI-FORM DEFAULT by DRAGAN BABIC (v2) | Wed, 31 Mar 10 ------------------------------------------------------------------------------ Copyright (c) 2010, Dragan Babic Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ------------------------------------------------------------------------------ */ .uniForm{} .uniForm legend{ font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; } .uniForm .ctrlHolder{ padding: 1em;margin-bottom:0.25em; border-bottom: 1px dashed #efefef; } .uniForm .ctrlHolder.focused{ background: #fffcdf; } .uniForm .inlineLabels .noLabel{} .uniForm .buttonHolder{ text-align: right; margin: 1.5em 0 0 0; padding: 1.5em; } .uniForm .buttonHolder .primaryAction{ padding: 10px 22px; line-height: 1; background: #3399cc; border: 1px solid #3399cc; font-size: 12px; font-weight: bold; color: #fff; } .uniForm .buttonHolder .primaryAction:hover{background:rgb(255,0,102);border: 1px solid rgb(255,0,102); } .uniForm .buttonHolder .primaryAction:active{ position: relative; top: 1px; } .uniForm .secondaryAction { text-align: left;padding: 10px 22px; line-height: 1; background: #b4b4b4; border: 1px solid #b4b4b4; font-size: 12px; font-weight: bold; color: #fff !important; } .uniForm button.secondaryAction { background: transparent; border: none; color: #777; margin: 1.25em 0 0 0; padding: 0; } .uniForm .inlineLabels label em, .uniForm .inlineLabels .label em{ font-style: normal; font-weight: bold;} .uniForm label small{ font-size: .75em; color: #777; } .uniForm .textInput, .uniForm textarea { padding: 4px 2px; border: 1px solid #aaa; background: #fff; } .uniForm textarea { height: 12em; } .uniForm select {} .uniForm .fileUpload {} .uniForm ul{} .uniForm li{} .uniForm ul li label{ font-size: .85em; } .uniForm .small {} .uniForm .medium{} .uniForm .large {} /* Large is default and should match the value you set for .textInput, textarea or select */ .uniForm .auto {} .uniForm .small, .uniForm .medium, .uniForm .auto{} /* Get rid of the 'glow' effect in WebKit, optional */ .uniForm .ctrlHolder .textInput:focus, .uniForm .ctrlHolder textarea:focus{ outline: none; } .uniForm .formHint { font-size: .85em; color: #777; } .uniForm .inlineLabels .formHint { padding-top: .5em; } .uniForm .ctrlHolder.focused .formHint{ color: #333; } /* ----------------------------------------------------------------------------- */ /* ############################### Messages #################################### */ /* ----------------------------------------------------------------------------- */ /* Error message at the top of the form */ .uniForm #errorMsg,.uniForm .error{ background: #ffdfdf; border: 1px solid rgb(255,0,102); margin: 0 0 1.5em 0; padding: 0.5em 1.5em;} .uniForm #errorMsg h3{} /* Feel free to use a heading level suitable to your page structure */ .uniForm #errorMsg ol{ margin: 0 0 1.5em 0; padding: 0; } .uniForm #errorMsg ol li{ margin: 0 0 3px 1.5em; padding: 7px; background: #f6bec1; position: relative; font-size: .85em;} .uniForm .ctrlHolder.error, .uniForm .ctrlHolder.focused.error{ background: #ffdfdf; border: 1px solid rgb(255,0,102);} .uniForm .ctrlHolder.error input.error, .uniForm .ctrlHolder.error select.error, .uniForm .ctrlHolder.error textarea.error{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; } /* Success messages at the top of the form */ .uniForm #okMsg,#okMsg{ background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 1.5em 0; padding: 1.5em; text-align: center;} .uniForm #okMsg p,#okMsg p{ margin: 0; } #okMsg{text-align:left} /* ----------------------------------------------------------------------------- */ /* ############################### Columns ##################################### */ /* ----------------------------------------------------------------------------- */ .uniForm .col{} .uniForm .col.first{} .uniForm .col.last{} .uniForm .col{ margin-bottom: 1.5em; } /* Use .first and .last classes to control the layout/spacing of your columns */ .uniForm .col.first{ width: 49%; float: left; clear: none; } .uniForm .col.last { width: 49%; float: right; clear: none; margin-right: 0; } /**** TOURING BOARD ACCORDIAN PLUGIN *****/ .accordion-container { display:block; height:auto; margin:40px auto 0; } .accordion-item { display:block; background:rgb(255,0,102); border:1px solid #000 ; cursor:pointer; color:#fff; overflow: hidden; padding: 15px; margin-top: 10px; } .accordion-item-left { padding-left: 50px !important; width:500px; float:left; position:relative; } .accordion-item-right { float: right; width: 300px; min-height: 50px; margin-left: 10px; } .accordion-item-left:before { background: transparent url('../images/black-arrow-lg.png') no-repeat; display: block; content: " "; position: absolute; width: 25px; height: 25px; left: 5px; top: 25px; } .accordion-item-left.accordion-pivit:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transition: -webkit-transform linear .2s; transition: -moz-transform linear .2s; transition: -ms-transform linear .2s; transition: -o-transform linear .2s; } .accordion-item h3, .accordion-item h4, .accordion-item a {color: #fff !important;} .accordion-item a { text-decoration: underline !important; word-wrap: break-word; } .accordion-data{ display : none ; width : inherit ; height : auto ; border: 1px solid #ccc; } .accordion-active {background:#eee;color:#000;} .accordion-data div {margin:30px;} /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .accordion-item-left {width:400px;} .accordion-item-right {width: 200px;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .accordion-item-left {width:auto;float:none;} .accordion-item-right {width: auto;float:none;margin-left:50px;} .accordion-item-left:before {top: 5px;} }