/* Theme Name:SABTheme Description:SABTheme, Artisteer-generated Drupal theme. Version:1.0 Author:Artisteer Author URI:http://artisteer.com/ */ /* begin Page */ /* Generated with Artisteer version 2.0.2.15338 */ body {margin:0 auto; padding:0; background-color:#F4F4F4; background-image:url('images/Page-BgTexture.jpg'); background-repeat:repeat; background-attachment:scroll; background-position:top left;} .Main {position:absolute; width:100%; left:0; top:0;} .PageBackgroundGradient {background-image:url('images/Page-BgGradient.jpg'); background-repeat:repeat-x; height:160px;} .cleared {float:none; clear:both; margin:0; padding:0; border:none; font-size:1px;} .SocialMedia {position:absolute; width:720px; padding:5px 0 0 10px;} .RSSIcon {width:25px; height:25px; float:left;} .rss-tag-icon {width:25px; height:25px; float:left; margin:0; display:block; background:url('images/rssIcon.png') left top no-repeat;} .FBIcon {width:25px; height:25px; float:left; background: url('images/fbIcon.png') left top no-repeat;} .FBIcon a:link {width:25px; height:25px; display:block; cursor:pointer;} .TTIcon {width:25px; height:25px; float:left; background: url('images/ttIcon.png') left top no-repeat; display:block; cursor:auto;} .TTIcon a:link {width:25px; height:25px; display:block; cursor:pointer;} .LiIcon {width:25px; height:25px; float:left; background: url('images/liIcon.png') left top no-repeat; display:block; cursor:auto;} .LiIcon a:link {width:25px; height:25px; display:block; cursor:pointer;} /* end Page */ /* begin Box, Sheet */ .Sheet {overflow:hidden; min-width:31px; min-height:31px; margin:0 auto; margin-bottom: 20px; position:relative; z-index:0; width:1000px;} .Sheet-body {position:relative; z-index:0; margin:0px;} .Sheet-tl {position:absolute; overflow:hidden; z-index:-1; top:0; left:0; width:15px; height:15px; background-image:url('images/Sheet-s.png');} .Sheet-tr {position:absolute; overflow:hidden; z-index:-1; top:0; right:0; width:15px; height:15px;} .Sheet-tr div {position:absolute; z-index:-1; top:0px; left:-15px; width:30px; height:30px; background-image:url('images/Sheet-s.png');} .Sheet-bl {position:absolute; overflow:hidden; z-index:-1; bottom:0; left:0; width:15px; height:15px;} .Sheet-bl div {position:absolute; z-index:-1; top:-15px; left:0; width:30px; height:30px; background-image:url('images/Sheet-s.png');} .Sheet-br {position:absolute; overflow:hidden; z-index:-1; bottom:0; right:0; width:15px; height:15px;} .Sheet-br div {position:absolute; z-index:-1; top:-15px; left:-15px; width:30px; height:30px; background-image:url('images/Sheet-s.png');} .Sheet-tc {position:absolute; overflow:hidden; z-index:-1; top:0; left:15px; right:15px; height:15px;} .Sheet-tc div {position:absolute; z-index:-1; top:0; left:0; width:100%; height:30px; background-image:url('images/Sheet-h.png');} .Sheet-bc {position:absolute; overflow:hidden; z-index:-1; bottom:0; left:15px; right:15px; height:15px;} .Sheet-bc div {position:absolute; z-index:-1; top:-15px; left:0; width:100%; height:30px; background-image:url('images/Sheet-h.png');} .Sheet-cl {position:absolute; overflow:hidden; z-index:-1; top:15px; left:0; width:15px; bottom:15px;} .Sheet-cl div {position:absolute; z-index:-1; top:0; left:0; width:30px; height:100%; background-image:url('images/Sheet-v.png');} .Sheet-cr {position:absolute; overflow:hidden; z-index:-1; top:15px; right:0; width:15px; bottom:15px;} .Sheet-cr div {position:absolute; z-index:-1; top:0; left:-15px; width:30px; height:100%; background-image:url('images/Sheet-v.png');} .Sheet-cc {position:absolute; overflow:hidden; z-index:-2; top:15px; left:15px; right:15px; bottom:15px; background-image:url('images/Sheet-c.png');} .Sheet {margin-top:0px !important;} /* end Box, Sheet */ /* begin Header */ div.Header {margin:0 auto; position:relative; z-index:0; width:1000px; height:160px;} div.Header-jpeg {position:absolute; z-index:-1; top:0; left:0; width:1000px; height:160px; background-image:url('images/Header.jpg'); background-repeat:no-repeat; background-position:center center;} /* end Header */ /* begin Logo */ .logo {display :block; position:absolute; left:{LogoLeft}px; top:{LogoTop}px; width:{LogoWidth}px;} h1.logo-name {display:block; text-align:{HorizontalAlign};} h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover {{LogoNameFont} padding:0; margin:0; color:{NameFontColor} !important;} .logo-text {display:block; text-align:{HorizontalAlign};} .logo-text, .logo-text a {{LogoSloganFont} padding:0; margin:0; color:{TextFontColor} !important;} /* end Logo */ /* begin ContentLayout */ .contentLayout{margin:0; padding:0; width:1000px; position:relative; float:left; background:url('images/BGMain001.jpg') repeat-y scroll left top #F4F4F4;} /* end ContentLayout */ /* begin Box, Block */ .Block {overflow:hidden; min-width:15px; min-height:15px; margin:0 auto; position:relative; z-index:0;} .Block-body {position:relative; z-index:0; margin:7px;} .Block-tl {position:absolute; overflow:hidden; z-index:-1; top:0; left:0; width:7px; height:7px; background-image:url('images/Block-s.png');} .Block-tr {position:absolute; overflow:hidden; z-index:-1; top:0; right:0; width:7px; height:7px;} .Block-tr div {position:absolute; z-index:-1; top:0px; left:-7px; width:14px; height:14px; background-image:url('images/Block-s.png');} .Block-bl {position:absolute; overflow:hidden; z-index:-1; bottom:0; left:0; width:7px; height:7px;} .Block-bl div {position:absolute; z-index:-1; top:-7px; left:0; width:14px; height:14px; background-image:url('images/Block-s.png');} .Block-br {position:absolute; overflow:hidden; z-index:-1; bottom:0; right:0; width:7px; height:7px;} .Block-br div {position:absolute; z-index:-1; top:-7px; left:-7px; width:14px; height:14px; background-image:url('images/Block-s.png');} .Block-tc {position:absolute; overflow:hidden; z-index:-1; top:0; left:7px; right:7px; height:7px;} .Block-tc div {position:absolute; z-index:-1; top:0; left:0; width:100%; height:14px; background-image:url('images/Block-h.png');} .Block-bc {position:absolute; overflow:hidden; z-index:-1; bottom:0; left:7px; right:7px; height:7px;} .Block-bc div {position:absolute; z-index:-1; top:-7px; left:0; width:100%; height:14px; background-image:url('images/Block-h.png');} .Block-cl {position:absolute; overflow:hidden; z-index:-1; top:7px; left:0; width:7px; bottom:7px;} .Block-cl div {position:absolute; z-index:-1; top:0; left:0; width:14px; height:100%; background-image:url('images/Block-v.png');} .Block-cr {position:absolute; overflow:hidden; z-index:-1; top:7px; right:0; width:7px; bottom:7px;} .Block-cr div {position:absolute; z-index:-1; top:0; left:-7px; width:14px; height:100%; background-image:url('images/Block-v.png');} .Block-cc {position:absolute; overflow:hidden; z-index:-2; top:7px; left:7px; right:7px; bottom:7px; background-image:url('images/Block-c.png');} .Block {margin:7px;} /* end Box, Block */ /* begin BlockHeader */ .BlockHeader {position:relative; overflow:hidden; height:30px; z-index:0; line-height:30px; padding:0 7px; margin-bottom:7px;} .BlockHeader-text {white-space :nowrap; color:#000000; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; font-style:normal; font-weight:bold; line-height:30px;} .BlockHeader .l, .BlockHeader .r, .BlockHeader .r div {top:0; position:absolute; z-index:-1; overflow:hidden; height:30px;} .BlockHeader .l {left:0; right:6px;} .BlockHeader .r {right:0; width:6px;} .BlockHeader .r div {width:1000px; right:0;} .BlockHeader .l, .BlockHeader .r div {background-position:left top; background-repeat:no-repeat; background-image:url('images/BlockHeader.png');} .header-tag-icon {display:inline-block; background-position:left top; background-image:url('images/BlockHeaderIcon.png'); padding:0 0 0 21px; background-repeat:no-repeat; min-height:14px; margin:0 0 0 5px;} /* end BlockHeader */ /* begin Box, BlockContent */ .BlockContent {overflow:hidden; min-width:1px; min-height:1px; margin:0 auto; position:relative; z-index:0;} .BlockContent-body {position:relative; z-index:0; margin:8px;} .BlockContent-body {color:#5E5E5E; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; font-style:normal; font-weight:normal;} .BlockContent-body a:link {color:#2A6C79; font-family:Arial, Helvetica, Sans-Serif; text-decoration:underline;} .BlockContent-body a:visited, .BlockContent-body a.visited {color:#878787; font-family:Arial, Helvetica, Sans-Serif; text-decoration:underline;} .BlockContent-body a:hover, .BlockContent-body a.hover {color:#457C92; font-family:Arial, Helvetica, Sans-Serif; text-decoration:none;} .BlockContent-body ul {list-style-type:none; color:#242424; margin:0; padding:0;} .BlockContent-body li {font-family:Arial, Helvetica, Sans-Serif; font-size:12px; text-decoration:none;} .BlockContent-body ul li {padding:0px 0 0px 13px; background-image:url('images/BlockContentBullets.png'); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em;} /* end Box, BlockContent */ /* begin Box, Post */ .Post {overflow:hidden; min-width:1px; min-height:1px; margin:0 auto; position:relative; z-index:0;} .Post-body {position:relative; z-index:0; margin:10px;} .Post {margin:10px;} /* Start images */ a img {border:0;} .article img, img.article {border-style:solid; border-width:1px; border-color:#3C97AA; margin:1em;} .metadata-icons img {border:none; vertical-align:middle; margin:2px;} /* Finish images */ /* Start tables */ .article table, table.article {border-collapse:collapse; margin:1px; width:auto;} .article table, table.article .article tr, .article th, .article td {background-color:Transparent;} .article th, .article td {padding:2px; border:solid 1px #5DB4C6; vertical-align:top; text-align:left;} .article th {text-align:center; vertical-align:middle; padding:7px;} /* Finish tables */ /* end Box, Post */ /* begin PostHeaderIcon */ .PostHeaderIcon-wrapper {text-decoration:none; margin:0.2em 0; padding:0; font-weight:normal; font-style:normal; letter-spacing:normal; word-spacing:normal; font-variant:normal; text-decoration:none; font-variant:normal; text-transform:none; text-align:left; text-indent:0; line-height:inherit; font-family:Arial, Helvetica, Sans-Serif; font-size:22px; font-style:normal; font-weight:bold; text-align:left; color:#404040;} .PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover {font-family:Arial, Helvetica, Sans-Serif; font-size:22px; font-style:normal; font-weight:bold; text-align:left; color:#404040;} /* end PostHeaderIcon */ /* begin PostHeader */ .PostHeader a:link {font-family:Arial, Helvetica, Sans-Serif; text-decoration:none; text-align:left; color:#286571;} .PostHeader a:visited, .PostHeader a.visited {font-family:Arial, Helvetica, Sans-Serif; text-decoration:none; text-align:left; color:#666666;} .PostHeader a:hover, .PostHeader a.hovered {font-family:Arial, Helvetica, Sans-Serif; text-decoration:none; text-align:left; color:#4B88A0;} /* end PostHeader */ /* begin PostMetadata */ .PostMetadataHeader {background-color:#C3E3EA; border-color:#8AC9D6; border-style:solid; border-width:1px; padding:3px;} /* end PostMetadata */ /* begin PostIcons */ .PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover {font-family:Arial, Helvetica, Sans-Serif; font-size:11px; color:#2E2E2E;} .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover {margin:0;} .PostHeaderIcons a:link {font-family:Arial, Helvetica, Sans-Serif; text-decoration:underline; color:#286571;} .PostHeaderIcons a:visited, .PostHeaderIcons a.visited {font-family:Arial, Helvetica, Sans-Serif; text-decoration:underline; color:#4D4D4D;} .PostHeaderIcons a:hover, .PostHeaderIcons a.hover {font-family:Arial, Helvetica, Sans-Serif; text-decoration:none; color:#41768B;} /* end PostIcons */ /* begin PostContent */ /* Content Text Font & Color (Default) */ body {font-family:Arial, Helvetica, Sans-Serif; font-size:12px; font-style:normal; font-weight:normal; color:#545454;} .PostContent {font-family:Arial, Helvetica, Sans-Serif; font-size:12px; font-style:normal; font-weight:normal; text-align:justify; color:#545454;} /* Start Content link style */ /* The right order of link pseudo-classes:Link-Visited-Hover-Focus-Active. http://www.w3schools.com/CSS/css_pseudo_classes.asp http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/ */ a {font-family:Arial, Helvetica, Sans-Serif; text-decoration:underline; color:#3D9BAE;} /* Adds special style to an unvisited link. */ a:link {font-family:Arial, Helvetica, Sans-Serif; text-decoration:underline; color:#3D9BAE;} /* Adds special style to a visited link. */ a:visited, a.visited {font-family:Arial, Helvetica, Sans-Serif; text-decoration:underline; color:#3B3B3B;} /* :hover - adds special style to an element when you mouse over it. */ a:hover, a.hover {font-family:Arial, Helvetica, Sans-Serif; text-decoration:none; color:#4B88A0;} /* Finish Content link style */ /* Resert some headings default style & links default style for links in headings*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {font-weight:normal; font-style:normal; text-decoration:none;} /* Start Content headings Fonts & Colors */ h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {font-family:Arial, Helvetica, Sans-Serif; font-size:28px; font-style:normal; font-weight:bold; text-align:left; color:#595959;} h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:22px; font-style:italic !important; font-weight:bold; text-align:right !important; color:#757575;} h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {font-family:Arial, Helvetica, Sans-Serif; font-size:18px; font-style:normal; font-weight:bold; text-align:left; color:#3D9BAE;} h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover {font-family:Arial, Helvetica, Sans-Serif; font-size:16px; font-style:normal; font-weight:bold; text-align:left; color:#696969;} h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {font-family:Arial, Helvetica, Sans-Serif; font-size:14px; font-style:normal; font-weight:bold; text-align:left; color:#696969;} h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {font-family:Arial, Helvetica, Sans-Serif; font-size:14px; font-style:normal; font-weight:bold; text-align:left; color:#696969;} /* Finish Content headings Fonts & Colors */ /* end PostContent */ /* begin PostBullets */ /* Start Content list */ ul {list-style-type:none; color:#404040; margin:0; padding:0;} li {font-family:Arial, Helvetica, Sans-Serif; font-size:12px;} .Post ul li {padding:0px 0 0px 13px; background-image:url('images/PostBullets.png'); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em;} /* Finish Content list */ /* end PostBullets */ /* begin PostQuote */ /* Start blockquote */ blockquote p {color:#0F0F0F; font-family:Arial, Helvetica, Sans-Serif; font-style:italic; font-weight:normal; text-align:left;} blockquote {border-color:#8AC9D6; border-width:1px; border-style:solid; margin:10px 10px 10px 50px; padding:5px 5px 5px 41px; background-color:#C3E3EA; background-image:url('images/PostQuote.png'); background-position:left top; background-repeat:no-repeat;} /* Finish blockuote */ /* end PostQuote */ /* begin PostMetadata */ .PostMetadataFooter {background-color:#C3E3EA; border-color:#8AC9D6; border-style:solid; border-width:1px; padding:3px;} /* end PostMetadata */ /* begin PostIcons */ .PostFooterIcons, .PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover {font-family:Arial, Helvetica, Sans-Serif; font-size:11px; text-decoration:none; color:#2E2E2E;} .PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover {margin:0;} .PostFooterIcons a:link {font-family:Arial, Helvetica, Sans-Serif; text-decoration:underline; color:#286571;} .PostFooterIcons a:visited, .PostFooterIcons a.visited {font-family:Arial, Helvetica, Sans-Serif; text-decoration:underline; color:#4D4D4D;} .PostFooterIcons a:hover, .PostFooterIcons a.hover {font-family:Arial, Helvetica, Sans-Serif; text-decoration:none; color:#41768B;} /* end PostIcons */ /* begin Button */ button.Button, a.Button {position:relative; display:inline-block; width:auto; outline:none; border:none; background:none; line-height:30px; margin:0; padding:0; overflow:visible; cursor:default; text-decoration:none !important;} /*This HACK needed for ie7 (button position)*/ *:first-child+html button.Button, *:first-child+html a.Button {display:list-item; list-style-type:none; float:left;} .Button .btn {position:relative; overflow:hidden; display:block; width:auto; z-index:0; height:30px; color:#000000; white-space:nowrap; float:left;} .Button .t {height:30px; white-space:normal; padding:0 14px; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; line-height:30px; text-decoration:none !important;} input, select {font-family:Arial, Helvetica, Sans-Serif; font-size:12px; font-style:normal; font-weight:normal;} .Button .active {color:#EAF2F5;} .Button .hover, a.Button:hover {color:#000000; text-decoration:none !important;} .Button .active .r {top:-60px;} .Button .hover .r {top:-30px;} .Button .r {display:block; position:absolute; overflow:hidden; z-index:-1; top:0; right:0; width:8px; height:90px;} .Button .r span {display:block; position:absolute; overflow:hidden; z-index:-1; top:0; right:0; width:409px; height:90px;} .Button .active .l {top:-60px;} .Button .hover .l {top:-30px;} .Button .l {display:block; position:absolute; overflow:hidden; z-index:-1; top:0; left:0; right:8px; height:90px;} .Button .l, .Button .r span {background-image:url('images/Button.png');} /* end Button */ /* begin Footer */ .Footer {position:relative; z-index:0; overflow:hidden; width:1000px; margin:0px auto 0px auto;} .Footer .Footer-inner {height:1%; position:relative; z-index:0; padding:5px 5px 20px 5px; text-align:center;} .Footer .Footer-background {position:absolute; z-index:-1; background-repeat:no-repeat; background-image:url('images/Footer.png'); width:1000px; height:100px; bottom:0; left:0;} .Footer .Footer-text p {margin:0;} .Footer .Footer-text {display:inline-block; color:#0B1B1E; font-family:Arial, Helvetica, Sans-Serif; font-size:11px;} .Footer .Footer-text a:link {text-decoration:none; color:#286571; font-family:Arial, Helvetica, Sans-Serif; text-decoration:underline;} .Footer .Footer-text a:visited {text-decoration:none; color:#1A1A1A; font-family:Arial, Helvetica, Sans-Serif; text-decoration:underline;} .Footer .Footer-text a:hover {text-decoration:none; color:#315868; font-family:Arial, Helvetica, Sans-Serif; text-decoration:none;} /* end Footer */ /* begin PageFooter */ .page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover{display:none; font-family:Arial; font-size:10px; letter-spacing:normal; word-spacing:normal; font-style:normal; font-weight:normal; text-decoration:underline; color:#41768B;} .page-footer{margin:1em; text-align:center; text-decoration:none; color:#358797;} /* end PageFooter */ /* begin LayoutCell */ .contentLayout .sidebar1 {position:relative; margin:0; padding:30px 0 0 0; border:0; float:left; overflow:hidden; width:161px; background:url(images/BGNav001.jpg) no-repeat top left;} /* end LayoutCell */ /* begin LayoutCell */ .contentLayout .content {position:relative; margin:0; padding:0; border:0; float:left; overflow:hidden; width:839px; background:url(images/BGMain.jpg) no-repeat top left;} /* end LayoutCell */ /* ** HTML elements */ #footer {text-align:center;} ul li {text-align:left; background-image:none; display:block;} .tabs, .links {padding-left:0px; margin:0px;} .tabs li, .links li {float:left; display:block; padding:0 0 0 1em;} #user-login-form {text-align:left;} #user-login-form ul li {background-image:none; padding-left:0;} fieldset {margin:1em 0; padding:1em; border:1px solid ; width:95%;} fieldset legend {/* Fix disappearing legend in FFox */ display:block;} .breadcrumb {display:block; padding-bottom:.7em;} .form-text, .form-textarea {width:95%; text-align:left;} .tags {float:left;} .messages {padding:5px; margin:5px 0;} .status {border:1px solid #090; background:#C9FBC8; margin:15px 20px;} .messages li {margin:5px 0;} tr.even, tr.odd {background-color:transparent;} #forum table {width:99%; margin-top:15px;} #forum td.container {padding-top:15px; border-left:none; border-right:none;} #forum td.active{background-color:transparent;} #forum td.forum, #forum td.topics, #forum td.posts, #forum td.last-reply{padding-top:4px; padding-bottom:4px;} #forum td.container{font-weight:bold;} #forum td.active{background-color:transparent;} .forum-topic-navigation{border-top:0px transparent; border-bottom:0px transparent;} .forum-topic-navigation .topic-previous{text-align:left; float:left;} .forum-topic-navigation .topic-next{text-align:right; float:right;} .read_more{margin:5px 0px; text-align:left;} #TextLeft {float:left; width:365px;} #TextRight {float:right; width:365px;} div.image-gallery-terms div.views-field-name {font-size:14px; font-weight:bold; line-height:18px;} .view-Events {margin:0 0 0 140px;} .views-field-title {clear:both;} .views-field-image-attach-images {float:left; padding:0 20px 20px 0;} .views-field-field-event-body-value {width:500px;} .event-nodeapi {display:none;} .field-field-event-body {width:400px; float:right; padding-right:20px;} .all-attached-images {background:#E4E4E4;} .image-attach-body {} /* WEBFORM CSS */ .webform-client-form {margin: 20px, auto;} .webform-container-inline label {display:inline-block; margin-right:1em; width:300px;} .form-text, .form-textarea {text-align:left; width:200px;} .webform-container-inline div, .webform-container-inline div.form-item {display:block;} #edit-submitted-personal-information-address-details-physical-address-2, #edit-submitted-personal-information-address-details-postal-address-2 {margin-left:315px;}