/* classic_front.css */
/*---------------------------------------*/
/*Page CSS Properties */
/*---------------------------------------*/
body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
}
td, p, th, div {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
hr {
background-color: #EFEFEF;
border: 1px solid #EFEFEF;
}
/* Headings */
h1, h2, h3, h4, h5 {
font-family: Arial, Helvetica, sans-serif;
color: #000;
}
h1 {
font-size: 21px;
margin:0 0 12px;
}
h2, .blogpost .bp_title, .events_maintable h2 {
font-size: 18px;
}
h3, .blog_maintable h3, .events_maintable h3 {
font-size: 16px;
}
h4, .events_maintable h4 {
font-size: 13px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10px;
}
/* Links */
a:link, a:visited, a:active {
color: #666666;
text-decoration: none;
}
a:hover {
color: #333333;
}
/*---------------------------------------*/
/* Core Site Styles */
/*---------------------------------------*/
/* Main Structure
- Sample file folder "/uploads/Images/structure/file.jpg"
*/
.Left-Tile {
background: url(../images/left-tile.jpg) repeat-y right;
}
.Left-Tile-Bottom {
background: url(http://maggiestoronto.ca/common/templates/default/images/left-bottom.jpg) no-repeat right top;
height: 992px;
}
.Right-Tile {
background: url(../images/right-tile.jpg) left repeat-y;
}
.Right-Tile-Bottom {
background: url(http://maggiestoronto.ca/common/templates/default/images/right-bottom.jpg) no-repeat left top;
height: 992px;
}
.Middle-Tile {
width:960px;
margin: 0 auto;
}
.Main-Content {
background-color: #ffffff;
}
/* used in conjuction with most h1 tags */
.table-top {
text-align: left;
padding: 4px 0;
background-color: #ffffff;
border-bottom: 0px solid #FFFFFF;
color: inherit;
font-weight: bold;
vertical-align: middle;
}
/*
Wrapper Style Default: .table-1-1
Wrapper Style 1: .table1-1-1
Wrapper Style 2: .table2-1-1
- Sample file folder "/uploads/Images/structure/file.jpg"
*/
.table-1-1 {
background-image: url(http://maggiestoronto.ca/common/templates/default/images/1-1.jpg);
height: 20px;
width: 10px;
}
.table-1-2 {
background-color: #FFFFFF;
height: 20px;
}
.table-1-3 {
background-image: url(http://maggiestoronto.ca/common/templates/default/images/1-3.jpg);
height: 20px;
width: 12px;
}
.table-2-1 {
background-color: #FFFFFF;
width: 10px;
}
.table-2-2 {
background-color: #FFFFFF;
padding: 10px; /* this is where content goes */
}
.table-2-3 {
background-color: #FFFFFF;
width: 12px;
}
.table-3-1 {
background-image: url(http://maggiestoronto.ca/common/templates/default/images/3-1.jpg);
height: 20px;
width: 10px;
}
.table-3-2 {
background-image: url(http://maggiestoronto.ca/common/templates/default/images/3-2.jpg);
height: 0px;
}
.table-3-3 {
background-image: url(http://maggiestoronto.ca/common/templates/default/images/3-3.jpg);
height: 20px;
width: 12px;
}
/* Deprecated. Dont Use. */
.table-main {
border: thin solid #CCCCCC;
color: #333333;
text-align: left;
}
.table-title {
color: #5b7778;
font-size: 14px;
font-weight: bold;
}
.table-title2 {
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}
.table-content {
padding-top: 10px;
text-align: left;
vertical-align: top;
}
.table-subtop {
background-color: #FF6633;
border-bottom: 1px solid #FFFFFF;
padding: 5px;
}
.table-row {
background-color: #E6E6E6;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF;
padding: 5px;
}
.table-row-alt {
background-color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF;
padding: 5px;
}
.table-bottom {
background-color: #E5E5E5;
border-top: 1px solid #FFFFFF;
padding: 5px;
}
/* Footer */
.footer_mobile_link {
text-align:center;
padding:5px;
}
.footer_mobile_link .mobile {
background: url(../images/mobile_bw.png) left top no-repeat;
padding:0 0 8px 18px;
}
/*---------------------------------------*/
/* Common Styles */
/*---------------------------------------*/
/* Tooltip */
div.tooltip {
margin-left: 15px;
padding: 5px;
z-index:450;
max-width: 400px;
font-size:10px;
color: #666;
background-color:#FFFFCC;
border:1px solid #CCC;
}
span.tooltip_word {
border-bottom: 1px dotted #666
}
/* Pagination */
.pager_arrow {
}
.pager_link {
padding: 3px 1px;
}
.pager_selected {
padding: 3px 1px;
font-weight:bold;
}
/* Common */
.red {
color: #CC0000;
}
.note {
color: #999;
}
/*---------------------------------------
Forms
---------------------------------------*/
/* Success Messages (green box) */
.successbox, .notice-success, .form_successbox, .successmsg {
background-color: #333333;
color: #fff;
margin: 5px;
padding: 7px 7px 7px 40px;
text-align: left;
border:0;
}
/*
Error/Warning Messages Box (red box)
--deprecate all but .errorbox
*/
.errorbox, .notice-error, .notice-alert, .table-error {
background-color: #990000;
color: #fff;
margin: 5px;
padding: 7px 7px 7px 40px;
text-align: left;
border:0;
}
/* Notice Box (blue box) */
.noticebox {
background-color:#1772D5;
color: #fff;
margin: 5px;
padding: 7px 7px 7px 40px;
text-align: left;
border:0;
}
/* hack lists so text shows up right color */
.notice-error li, .notice-alert li, .table-error ul li {
color: #fff;
padding: 3px;
}
/* inline errors */
.error, .validation-advice, .form_error {
color: #ff0000;
font-weight: bold;
}
/* form styles */
input, select, textarea {
border: 1px solid #ccc;
background-color: #e5e5e5;
padding: 0.1em;
color:#444;
font-size:13px;
}
select {
margin:2px 0;
}
textarea {
margin:2px 0;
}
/* standard buttons */
input.button, input.formbuttons, input.form-buttons, .form_button, .faq_search input.btn {
padding: 2px 7px;
color: #ffffff;
background-color: #333333;
border:1px outset #999999;
}
/* green & red buttons */
input.actionButton, input.cancelButton, input.shoppingButton {
font-size:13px;
color:#ffffff;
padding:2px 7px;
border: 1px outset #ccc;
font-weight:bold;
}
input.actionButton {
background-color: #8CAC01;
}
input.cancelButton {
background-color: #990000;
}
input.shoppingButton {
background-color: #8CAC01;
}
/*
AlistApart Form Style Method
Global classes for div form structure
Docs: http://www.alistapart.com/articles/prettyaccessibleforms/
*/
.list_forms {
width: 100%;
}
.list_forms em {
font-weight: normal;
color: #f00; /* asterisk style */
}
.list_forms fieldset {
margin-bottom: 10px;
border: none; /* styles here (bg colors, etc) */
border-top:1px solid #666;
}
.list_forms legend {
padding: 0 2px;
font-weight: bold;
margin: 0 0px; /* IE hack */
}
.list_forms label {
display: inline-block;
line-height: normal;
vertical-align: top; /* width of left side column */
width: 35%;
}
.list_forms fieldset ol {
margin: 0;
padding: 0;
}
.list_forms fieldset li {
list-style: none;
margin: 0;
padding: 5px; /* each line item's style */
}
.list_forms .lf_input {
width: auto;
}
/*Sub Fieldset */
.list_forms fieldset fieldset {
border: none;
margin: 3px 0 0;
padding:2px 0;
}
.list_forms fieldset fieldset legend {
padding: 0 0 5px;
font-weight: normal;
}
.list_forms fieldset fieldset label {
display: block;
text-align:left;
margin-left:35%; /* margin should be label width */
}
/* JS validation - Adapted */
.list_forms fieldset fieldset .validation-advice {
margin:2px 2px 0 0px !important;
}
.list_forms fieldset li div {
padding:3px 0;
margin-left:36%; /* margin should be label width+1 */
}
/*---------------------------------------*/
/*Multi-Level CSS Menu */
/*---------------------------------------*/
/* core lists */
#menu_cssmulti_selectlist {
display: none;
}
#menu_cssmulti {
width: 100%;
text-align: center;
height: auto;
font-size:13px;
}
#menu_cssmulti ul {
display: inline-block;
} /* makes it centered in IE */
#menu_cssmulti ul {
display: inline;
z-index:999;
margin: 0;
padding: 0;
list-style: none;
white-space: normal;
text-align: left;
}
#menu_cssmulti li {
margin: 0;
padding: 0;
}
#menu_cssmulti ul.menu_list {
display: table;
margin: 0 auto;
}
#menu_cssmulti li li ul {
left: 100%;
margin-top: -23px;
margin-left: -5px;
}
#menu_cssmulti .menu_arrow { /* arrow can be hidden */
}
/* stylable */
#menu_cssmulti a {
display: block;
line-height: normal; /* all links styles: */
color: #333333;
text-decoration: none;
padding:4px 6px;
}
#menu_cssmulti li.menu_item {
float: left;
position: relative;
cursor: pointer; /* top level menu styles: */
margin: 0 0 0 0;
background-color:#e5e5e5;
padding: 0 10px;
}
#menu_cssmulti li.menu_item:hover {
white-space: nowrap; /* top level menu hover */
background:#999;
color: #333333;
}
#menu_cssmulti li.selected { /* top level selected item */
background-color:#999;
}
#menu_cssmulti li.selected > a { /* top level selected link */
color: #333;
}
#menu_cssmulti ul.drop_down {
top: 22px; /*opacity: 0.85;*/
}
#menu_cssmulti li ul {
display: block;
position: absolute;
visibility: hidden;
left: 0; /* dropdown border style */
background-color: #ccc;
padding: 1px 1px 3px 1px;
}
#menu_cssmulti li li { /* dropdown dividing line */
border-bottom: 1px solid #ccc;
}
#menu_cssmulti li li a { /* dropdown bg color */
background-color: #fff;
padding: 0 7px;
color: #333;
}
#menu_cssmulti li li a:hover { /* dropdown hover color */
background-color: #ccc;
}
#menu_cssmulti li li a.fly_menu { /* sub-dropdown bg color */
background: #fff;
color: #333;
}
#menu_cssmulti li li:hover > a.fly_menu { /* sub-dropdown hover color */
background: #ccc;
}
/* more core items. */
#menu_cssmulti table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse;
text-align: left;
}
#menu_cssmulti table ul li a {
padding-left: 0;
padding-left: 20px;
}
#menu_cssmulti table table {
top: auto;
left: 100%;
margin-left: -1px;
padding: 0;
margin: 0;
}
#menu_cssmulti table table ul {
margin-top: -4px;
margin-top: -7px;
}
#menu_cssmulti li:hover > ul, #menu_cssmulti a:hover ul, #menu_cssmulti a:hover a:hover ul, #menu_cssmulti a:hover a:hover a:hover ul {
visibility: visible;
}
#menu_cssmulti a:hover ul ul, #menu_cssmulti a:hover a:hover ul ul {
visibility: hidden;
}
/* Begin: Sticky Menu Logo */
.menu_sticky_logo {
cursor: pointer;
}
.menu_sticky_logo > img {
float: left;
}
.menu_sticky___just_display_none {
display: none;
}
/* End: Sticky Menu Logo */
/*---------------------------------------*/
/*Vertical Menu V2 */
/*---------------------------------------*/
.menu_vertlist ul {
margin: 0;
padding: 0;
text-align: left;
}
.menu_vertlist li {
list-style-type:none;
}
.menu_vertlist li a {
display:block;
text-decoration: none;
color:#333333;
padding: 3px; /* All link styles */
}
.menu_vertlist li a.selected {
color:#ff0000; /* Selected style */
}
.menu_vertlist ul.child_one, .menu_vertlist ul.child_two, .menu_vertlist ul.child_three { /* Sections */
margin-left:10px;
}
.child_one_link .prefix { /* IE7 might need a display: inline-block; */
}
.child_one_link.selected .prefix { /* For the selected version : notice the lack of space on the selected rule*/
}
/*---------------------------------------*/
/* Locations Properties */
/*---------------------------------------*/
.LocationsMap_Canvas {
height: auto;
min-height:400px;
width: 100%;
}
#LocationsMap_AutoFill {
background-color: #fff;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
margin-left: 12px;
padding: 0 11px 0 13px;
text-overflow: ellipsis;
width: 300px;
}
#LocationsMap_AutoFill:focus {
border-color: #4d90fe;
}
.LocationsMap .ListView {
float:left;
width:100%;
margin:0px 0 0;
padding:0;
}
.LocationsMap .ListView ul {
float:left;
width:100%;
margin:0;
padding:0;
}
.LocationsMap .ListView ul li {
list-style:none outside none;
width:100%;
margin:0 0 20px;
padding:0 0 20px;
float:left;
border-bottom:1px solid #cccccc;
}
.LocationsMap .ListView ul li ul li {
border:none;
margin:0 0 0;
padding:0 0 0;
}
.LocationsMap .ListView ul li ul li.location_name {
font-size:16px;
font-weight:bold;
margin:0 0 12px;
}
.locations_maintable {
margin: 10px 0px 40px 0px;
}
.locations_maincell {
vertical-align:top;
padding: 5px;
}
.locations_rightcell {
vertical-align:top;
padding: 5px;
}
.locations_maintable h1 {
padding:3px 0;
}
.locations_maintable h2 {
padding:3px 0;
}
.locations_maintable h3 {
display:block;
padding:3px 0;
}
.locations_maintable h4 {
padding:3px 0;
}
.locations_breadcrums {
color:#999;
margin-bottom:10px;
border-bottom:1px dashed #ccc;
padding-bottom:4px;
}
.locations_breadcrums a {
color:#999;
text-decoration:underline;
}
.locations_breadcrums a:hover {
color:#999;
text-decoration:none;
}
.locations_photos {
padding: 10px;
background-color:#e5e5e5;
border: 1px solid #ccc;
color: #666;
}
.locations_photos img {
border:1px solid #999;
}
.locations_map {
border:1px solid #999;
height:310px;
z-index:1;
}
.locations_rightsidebox {
border: 1px solid #cccccc;
border-top:none;
background-color:#F4F3F2
}
.locations_rightsidebox div {
border-top:1px solid #ccc;
padding: 5px;
}
.locations_rightsidebox div h3 {
color: #666;
font-weight:bold;
}
.locations_search_inputs {
width: 200px;
}
.locations_search_results {
margin: 7px 0;
border-bottom: 1px dashed #ccc;
line-height:normal;
padding:7px 0;
}
.locations_search_results a {
font-weight:bold;
padding-bottom:2px;
}
.locations_search_logo {
padding:5px 5px 5px 0;
}
.locations_searchby_cat { /*can be hidden*/
}
.locations_results_desc {
color:#999;
}
/* locations list */
.locationslist {
color: inherit;
text-align: left;
}
.locationslist .table-top {
display: block; /* can be hidden with a display: none */
}
.locationslist .ll_scrollable { /* scroll height:450px; overflow:auto; */
}
.locationslist .ll_item {
padding: 3px;
overflow:hidden;
}
.locationslist .ll_item a {
}
.locationslist .ll_border {
border-bottom: 1px dashed #ccc;
}
.locationslist .ll_flip {
background-color: #e5e5e5;
}
.locationslist .ll_logo {
margin: 2px 5px 2px 0;
}
.locationslist .ll_viewall {
margin:5px 0;
font-size:9px /* can be hidden with a display:none */
}
.locationslist .ll_address {
color: #999;
}
.locationslist .ll_desc {
font-size:9px;
}
/* locations map */
.locationsmap {
width:100%;
height:450px;
}
/*---------------------------------------*/
/* Blogs */
/*---------------------------------------*/
/* Blog - Structure & Main Stuff */
.blog_maintable {
margin: 10px 5px 20px 5px;
}
.blog_maintable h3 {
}
.blog_leftcell {
vertical-align:top; /*padding: 5px;*/
}
.blog_rightcell {
vertical-align:top; /*padding: 5px;*/
}
.blog_maincell {
vertical-align:top;
padding: 0 7px;
}
.blog_rss {
text-align:center;
margin-bottom: 10px;
color: #666;
font-size:11px;
}
.blog_maintitle {
padding: 10px 0;
border-bottom:2px solid #efefef;
}
/* Blog - Post & List */
.blogpost {
border-bottom: 2px solid #e5e5e5;
padding:12px 4px 12px 0;
}
.blogpost .bp_body {
line-height:18px;
padding-top:4px;
}
.blogpost .bp_title {
}
.blogpost .bp_info {
color:#666;
}
.blogpost .bp_date {
margin-bottom:2px;
}
.blogpost .bp_author {
margin-bottom:2px;
}
.blogpost .bp_comments a {
margin-right:2px;
}
.blogpost .bp_cats {
}
.blogpost .bp_image {
margin: 4px 4px 0 0;
}
/* Blog - Comments List */
.blogpost_commentbox {
padding:4px 0;
}
.blogpost_commentbox .bcb_comment_item {
margin: 5px 0;
border:1px solid #ccc;
background-color:#efefef;
}
.blogpost_commentbox .bcb_comment_author {
border-top:1px dotted #999;
padding: 4px 0;
}
.blogpost_commentbox .bcb_comment_date {
color:#666666;
}
.blogpost_commentbox .bcb_comment_body {
line-height:16px;
padding: 3px 0;
}
.blogpost_commentbox h4 {
margin: 2px 0;
}
/*Blog - Comment Post */
.blogpost_addcomment {
border: 1px dashed #CFCFCF;
width:100%;
}
.blogpost_addcomment .bac_input {
width:95%
}
/* Blog - Side Widgets*/
.blog_widget {
padding:5px 0 7px 0;
border-bottom:2px solid #e5e5e5;
}
.blog_widget .bw_item {
padding:3px 2px;
}
.blog_widget .bw_border {
border-bottom: 1px dashed #ccc;
}
.blog_widget .bw_flip {
background-color: #e5e5e5;
}
.blog_widget .bw_about {
font-size:9px;
color: #666;
}
.blog_widget .bw_author {
font-size:9px;
color: #444;
}
/* Blog List Component */
.bloglist {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.bloglist .table-top {
display: block; /* can be hidden with a display: none */
}
.bloglist .bl_scrollable { /* scroll */
height:300px;
overflow:auto;
}
.bloglist .bl_item {
padding: 3px;
overflow:hidden;
}
.bloglist .bl_item a {
font-size:12px;
}
.bloglist .bl_img {
display:inline;
float:left;
width:60px;
}
.bloglist .bl_border {
border-bottom: 1px dashed #ccc;
}
.bloglist .bl_flip {
background-color: #e5e5e5;
}
.bloglist .bl_about {
font-size:9px;
color: #666;
}
.bloglist .bl_author {
font-size:9px;
color: #999;
}
.bloglist .bl_comments {
text-decoration:underline;
font-size:9px !important;
color: #666;
}
.bloglist .bl_desc {
color: inherit;
}
.bloglist .bl_viewall {
margin:5px;
text-align:center;
font-size:9px /* can be hidden with a display:none */
}
/*---------------------------------------*/
/* Global Comments */
/*---------------------------------------*/
/* Comment List */
.comments_list {
margin:4px 0 0 0;
}
.comments_list .c_item {
margin: 5px 0;
padding: 5px;
border:1px solid #ccc;
background-color:#efefef;
}
.comments_list .c_author {
border-top:1px dotted #999;
padding: 4px 0;
}
.comments_list .c_date {
color:#666666;
}
.comments_list .c_body {
line-height:16px;
padding: 3px 0;
}
.comments_list h4 {
margin: 2px 0;
}
/*Comment Post */
.comment_form {
border: 1px dashed #CFCFCF;
margin-top: 10px;
max-width: 500px;
padding: 3px;
width: 100%;
}
.comment_form .c_loggedin {
font-weight:bold;
padding:5px 0;
}
.comment_form .c_input {
width:95%
}
comments-aside {
float:left;
}
.comments_list {
border-top: 1px solid #cccccc;
float:left;
width:100%;
}
/*---------------------------------------*/
/* FAQ */
/*---------------------------------------*/
/* FAQSearch */
.faq_search {
clear:both;
padding:10px;
}
.faq_search .left {
float:left;
width:80%;
}
.faq_search .right {
float:right;
width:18%;
text-align:center;
padding-left: 10px;
}
.faq_search .addquestion {
padding:10px 0;
}
.faq_search input.textfield {
width: 95%;
}
.faq_search input.btn {
}
.faq_search div.autocomplete {
background-color: #FCFFEF;
color:#333;
border: 1px solid #ccc;
border-top:0;
margin: 0px;
padding: 0px;
position: absolute;
width: 250px;
z-index:900;
}
.faq_search div.autocomplete ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.faq_search div.autocomplete ul li {
cursor: pointer;
display: block;
height: auto;
list-style-type: none;
margin: 0;
padding: 2px;
}
.faq_search div.autocomplete ul li.selected {
background-color: #BFDF8B;
}
.faq_search .results {
clear:both;
margin: 10px 0;
}
.faq_search .item {
margin-bottom: 5px;
border-bottom:1px dotted #ccc;
}
.faq_search .item p {
margin: 3px 0;
}
.faq_search .item p.dat, .faq_search .item p.ratinge {
color: #999;
}
.faq_search .item p.rating span.pos {
color:#060;
}
.faq_search .item p.rating span.neg {
color:#900;
}
.faq_view .addpage {
float:right;
width: 15px;
}
.faq_view .return {
font-size:10px;
}
.faq_view .answer {
line-height: 18px;
font-size:1.3em;
}
.faq_view .tags {
}
.faq_view .lastupd {
color: #999;
}
.faq_view .options .ratingresults .pos, .faq_view .options .success {
color:#060
}
.faq_view .options .ratingresults .neg, .faq_view .options .failed {
color:#900
}
.faq_addform .list_forms {
width: 600px;
}
.faq_addform .list_forms .lf_input {
width: 350px;
}
.faq_addform .return {
font-size:10px;
}
/*---------------------------------------*/
/* Media Library Properties */
/*---------------------------------------*/
.medialibrary_maintable {
margin: 10px 0px 40px 0px;
}
.medialibrary_maincell {
vertical-align:top;
padding:5px;
}
.medialibrary_rightcell {
vertical-align:top;
padding:5px;
}
.medialibrary_maintable .ml_breadcrums {
color:#999;
border-bottom:1px dashed #ccc;
padding:4px;
}
.medialibrary_maintable .ml_breadcrums a {
color:#999;
text-decoration:underline;
}
.medialibrary_maintable .ml_breadcrums a:hover {
color:#999;
text-decoration:none;
}
.medialibrary_maintable .desc {
line-height:18px;
}
.medialibrary_maintable .filetype {
font-size:14px;
}
.medialibrary_maintable .filesize {
font-size:14px;
}
.medialibrary_maintable .ml_bigicon {
margin:3px;
}
.medialibrary_maintable .ml_bigimg {
border:2px solid #999;
}
.medialibrary_maintable .download {
border:1px solid #ccc;
background-color:#F5F5F5;
padding:10px;
text-align:center;
margin-bottom:10px;
}
.medialibrary_maintable .relatedfiles ul {
padding:0;
margin:0;
}
.medialibrary_maintable .relatedfiles li {
list-style-type:none;
overflow:hidden;
}
.medialibrary_maintable .relatedfiles li .icon {
display:inline;
float:left;
width: 70px;
padding: 3px;
}
.medialibrary_maintable .relatedfiles li .title {
margin-top:15px;
}
.medialibrary_maintable .relatedfiles li .img { /* Only for actual imgs, not icons */
border: 1px solid #999;
}
.medialibrary_search_results {
font-size: 11px;
margin: 7px 0;
border-bottom: 1px dashed #ccc;
line-height:16px;
padding:7px 0;
}
.medialibrary_search_results a {
font-size: 12px;
font-weight:bold;
}
.medialibrary_search_results .ml_pdficon {
margin:3px;
}
.medialibrary_search_results .ml_imgborder {
margin:3px;
border:2px solid #999;
}
/* medialibrary list */
.medialibrarylist {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.medialibrarylist .table-top {
display: block; /* can be hidden with a display: none */
}
.medialibrarylist .md_scrollable { /* scroll height:300px; overflow:auto;*/
}
.medialibrarylist .md_item {
padding: 3px;
overflow:hidden;
}
.medialibrarylist .md_item a {
color: #000000;
font-size: 15px;
font-weight: bold;
margin: 0 0 10px;
padding: 0;
float:left;
width:100%;
}
.medialibrarylist .md_border {
border-bottom: 1px dashed #ccc;
}
.medialibrarylist .md_flip {
background-color: #e5e5e5;
}
.medialibrarylist .md_img {
display:inline;
float:left;
width:60px;
}
.medialibrary-unrestricted {
float:left;
margin:0;
padding:0;
}
.medialibrarylist .md_img img {
margin: 3px 3px 3px 0;
}
.medialibrarylist .md_details {
color: #999;
}
.medialibrarylist .md_viewall {
margin:5px;
text-align:center;
font-size:9px; /* can be hidden with a display:none */
}
/*---------------------------------------*/
/* EVENTS Properties */
/*---------------------------------------*/
.events_maintable {
margin: 10px 0px 40px 0px;
}
.events_maintable h1 {
}
.events_maintable h2 {
}
.events_maintable h3 {
}
.events_maintable h4 {
}
.events_maincell {
vertical-align:top;
padding: 5px;
font-size:11px;
}
.events_rightcell {
vertical-align:top;
padding: 5px;
font-size:11px;
}
/* Search events */
.events_search_inputs {
width: 200px;
}
.events_search_results {
overflow:auto;
border-bottom: 1px dashed #ccc;
padding:7px 0;
}
.events_search_results .title {/* Title */
}
.events_search_results .title a {
font-weight:bold;
}
.events_search_results .location {
font-style:italic;
}
.events_search_results .desc {
color:#999;
}
.events_search_results .logo {
padding:5px 5px 5px 0;
}
.event_searchby_cat {/* Can be hidden */
}
.event_searchby_location {/* Can be hidden */
}
/* View event page */
.events_breadcrums {
color:#999;
margin-bottom:10px;
border-bottom:1px dashed #ccc;
padding-bottom:4px;
}
.events_breadcrums a {
color:#999;
text-decoration:underline;
}
.events_breadcrums a:hover {
color:#999;
text-decoration:none;
}
/* To hide/show indv breadcrums: .events_breadcrums .eb_home {} .events_breadcrums .eb_search {} .events_breadcrums .eb_eventname {} */
.events_photos {
padding: 10px;
background-color:#e5e5e5;
border: 1px solid #ccc;
color: #666;
}
.events_photos img {
border:1px solid #999;
}
.events_files {
margin-bottom:20px;
}
.events_location {
float:left;
width:27%;
}
.events_map {
border:1px solid #ccc;
height:310px;
width:70%;
float:right;
z-index:1;
}
.events_rightsidebox {
border: 1px solid #cccccc;
border-top:none;
background-color:#F4F3F2
}
.events_rightsidebox div {
border-top:1px solid #ccc;
padding: 5px;
}
.events_rightsidebox div h3 {
color: #666;
font-weight:bold;
}
a.events_goregister {
color:#000;
text-transform:uppercase;
letter-spacing:2px;
font-weight:bold;
text-decoration:underline;
}
/* Legacy, deprecate. */
.events_results_desc { /* Use: .desc */
color:#999;
}
.events_results_logo { /* Use: .logo */
padding:5px 5px 5px 0;
}
/* Events Lists */
.eventslist {
color: inherit;
text-align: left;
}
.eventslist .table-top {
display: block; /* can be hidden with a display: none */
}
.eventslist .el_scrollable { /* scroll */
height:450px;
overflow:auto;
}
.eventslist .el_item {
padding: 3px;
overflow:hidden;
}
.eventslist .el_border {
border-bottom: 1px dashed #ccc;
}
.eventslist .el_flip {
background-color: #e5e5e5;
}
.eventslist .el_title { /* Title Wrapper */
}
.eventslist .el_title a {
font-weight:bold;
}
.eventslist .eventlist_location {
color:#999999;
}
.eventslist .el_logo {
float: right;
margin: 0 5px;
}
.eventslist .el_date {
border: 1px solid #cccccc;
color: #999;
float: left;
font-weight: bold;
margin: 2px 5px 0 0;
text-align: center;
width: 35px;
}
.eventslist .el_day {
color:#339900;
display:block
}
.eventslist .el_month {
color: #666;
display:block
}
.eventslist .el_year {
color: #666;
display:block
}
.eventslist .el_desc {
font-size:9px;
}
.eventslist .el_viewall {
margin:5px 0;
font-size:9px; /* can be hidden with a display:none */
}
/* Registration */
.events_maintable .return_link {
margin: 10px 0;
}
.eventsreg_loginsignup {
border:1px solid #ccc;
font-size:11px;
vertical-align:top;
width: 80%;
}
.eventsreg_loginsignup table {
padding: 7px;
}
.eventsreg_loginsignup label {
display:block;
font-size:11px;
padding-right:5px;
text-align:right;
}
.eventsreg_loginsignup .signup_msg {
color: #444;
background-color:#F4F3F2;
padding:10px;
border-top:1px solid #E5E5E5;
}
.eventsreg_loginsignup .login_msg {
color: #444;
background-color:#F4F3F2;
padding:10px;
border-bottom:1px solid #E5E5E5;
}
.eventsreg_userinfo {
border:1px solid #ccc;
font-size:11px;
vertical-align:top;
width: 80%;
}
.eventsreg_userinfo table {
padding: 7px;
}
.eventsreg_userinfo label {
display:block;
font-size:11px;
padding-right:5px;
text-align:right;
}
.eventsreg_status {
border:1px solid #ccc;
font-size:11px;
vertical-align:top;
padding: 7px;
}
.eventsreg_status label {
display:block;
font-size:11px;
padding: 3px;
margin: 4px 2px;
text-align:left;
}
.eventsreg_relatedform {
border:1px solid #ccc;
font-size:11px;
vertical-align:top;
}
.eventsreg_relatedform h3 {
font-size: 12px;
display:block;
padding:3px 0;
}
.eventsreg_relatedform td {
font-size: 11px;
}
.eventreg_payment_order {
margin-top:7px;
padding: 3px;
border:1px dotted #ccc;
}
.eventreg_payment_order .heading {
border-bottom: 1px solid #ccc;
color: #666666;
}
.eventreg_payment_order .subtotal {
font-weight: bold;
color: #333;
text-align:right;
font-size:10px;
}
.eventsreg_payment .confirm {
text-align:center;
}
.eventsreg_payment .confirm p {
font-size:14px;
}
.eventsreg_payment .confirm .actionButton {
font-size:18px;
}
/*---------------------------------------*/
/* Guestbook */
/*---------------------------------------*/
.guestbook .gb_links {
margin: 5px 0;
}
.guestbook .gb_hiddenforms {
margin-top: 10px;
}
.guestbook .gb_hiddenforms .list_forms {
border:1px dashed #CCCCCC;
padding:10px 10px 0;
}
.guestbook .gb_hiddenforms .gb_req {
color: #999;
}
.guestbook .gb_item {
border-bottom:1px dashed #CCCCCC;
padding:5px;
}
.guestbook .gb_flip {
background-color:#f5f5f5;
}
.guestbook .gb_author {
float:left;
}
.guestbook .gb_author .gb_names {
font-size:14px;
font-weight:bold;
}
.guestbook .gb_author .gb_company {
text-transform:uppercase;
}
.guestbook .gb_author .gb_location {
font-size:12px;
}
.guestbook .gb_author .gb_thisisme {
color: #9CF;
}
.guestbook .gb_item .gb_report {
float:right;
width: 50px;
overflow:hidden
}
.guestbook .gb_item .gb_report a {
color: #900;
font-size:10px;
}
.guestbook .gb_item .gb_category {
color: #666;
padding:2px 0;
clear:both;
}
.guestbook .gb_item .gb_date {
color: #999;
padding:2px 0;
clear:both;
}
.guestbook .gb_item .gb_text {
line-height:18px;
}
.guestbook_manager .gbm_links {
margin: 5px 0;
}
.guestbook_manager .gbm_list {
border:1px solid #ccc;
}
.guestbook_manager .gbm_list_header {
background-color: #ccc;
}
.guestbook_manager .gbm_req {
color: #999;
}
.guestbook_manager .gbm_deletebtn {
margin-top: 5px;
float:right;
}
.guestbook_manager .list_forms {
border:1px dashed #CCCCCC;
padding:10px 10px 0;
margin: 10px 0;
}
/*---------------------------------------*/
/* Old Video */
/*---------------------------------------*/
.video_display {
margin: 10px 0px 40px 0px;
}
.video_display h1 {
display:block;
padding:0;
margin-top:0;
}
.video_display h3 {
}
.video_display .vd_maincell {
vertical-align:top;
padding: 5px;
font-size:11px;
}
.video_display .vd_embed {
margin: 5px 0;
z-index:0;
z-order:0;
}
.video_display .vd_rightcell {
vertical-align:top;
padding: 5px;
font-size:11px;
}
.video_display .vd_details {
line-height: 18px;
}
.video_display .vd_details label {
float:left;
width:50px;
}
.video_display .vd_details input {
width: 300px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
.video_display .vd_details textarea {
width: 300px;
height: 50px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
.video_display .vd_details .desc {
border-left: 3px solid #ccc;
padding: 5px 50px 5px 10px;
}
.video_display .vd_details .posted {
font-weight:bold;
}
/* video list (inside video display page) */
.video_display .videolist {
border:none;
padding-left: 10px;
height: 100%;
}
.video_display .vl_title {
font-size:14px;
padding:3px;
}
/* video list (standalone) */
.videolist {
color: #000000;
text-align: left;
border: 0px solid #CCC;
width:100%;
max-width:100%;
}
.videolist .table-top {
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #000000;
display: block;
text-align: left;
padding:4px 0;
}
.videolist .vl_video {
margin: 5px 0;
height: 160px;
width:100%;
text-align:center
}
.videolist .vl_ajax {
margin:0px !important;
}
.videolist .vl_scrollable {
overflow:auto; /* to scroll: add px height. If display-style=left, video height is assigned. */
}
.videolist .vl_item {
margin: 0 0 1% !important;
overflow: hidden;
padding: 0 0 1%;
}
.videolist .vl_border {
border-bottom: 1px solid #ccc;
}
.videolist .vl_flip {
background-color: #ffffff;
}
.videolist .vl_img {
display:inline
}
.videolist .vl_img img {
margin:1px 7px 1px 2px;
}
.videolist .vl_name a {
font-size: 15px;
}
.videolist .vl_length {
display:block;
}
.videolist .vl_playing {
color: #000000;
font-style:normal;
}
.videolist .vl_details {
color: #000000;
font-size:inherit;
}
.videolist .vl_viewall {
font-size: 9px;
margin: 5px 0 !important;
text-align: left;
}
/*---------------------------------------*/
/* New Video */
/*---------------------------------------*/
.VideoDisplay {
float:left;
width:100%;
max-width:100%;
margin:0;
padding:0;
}
.ul_VideoDisplay {
float:left;
width:100%;
margin:0;
padding:0;
}
.ul_VideoDisplay li {
float:left;
margin:0;
padding:0;
list-style:none outside none;
}
.ul_VideoDisplay li .desc {
float:left;
width:100%;
}
.ul_VideoDisplay li .desc p{
margin:0 0 12px;
}
.ul_VideoDisplay li .date, .ul_VideoDisplay li .link, .ul_VideoDisplay li .bookmark {
float: left;
margin: 12px 0 0;
max-width: 100%;
width: 100%;
}
.li_VideoDisplay_Video {
float:left;
width:auto;
max-width:66%;
margin:0;
padding:0;
}
input#VideoLink {
width:95.5%;
padding:2%;
margin:0;
float:left;
border:1px solid #cccccc;
background:none #ffffff;
border-radius:4px;
}
.li_VideoDisplay_Video .noticebox {
background-color: #1772d5;
border: 0 none;
color: #fff;
float: left;
margin: 6px 0px;
padding: 2%;
text-align: left;
width: 96%;
border-radius:4px;
}
.li_VideoDisplay_List {
float: left;
margin: 0 1% !important;
max-width: 32%;
padding: 0;
width: 100%;
}U
/*---------------------------------------*/
/* News */
/*---------------------------------------*/
/* News Search */
.newssearch {
border: 1px solid #CCC;
}
.newssearch .table-top {
display: block; /* can be hidden with a display: none */
}
.newssearch .ns_input {
width: 120px
}
.newssearch .ns_item {
padding: 3px;
}
.newssearch .ns_item a {
font-size:12px;
margin-top: 3px;
font-weight:bold;
}
.newssearch .ns_border {
border-bottom: 1px dashed #ccc;
}
.newssearch .ns_flip {
background-color: #e5e5e5;
}
.newssearch .ns_date {
color: #999;
}
.newssearch .ns_desc {
color: #444;
}
.newssearch .ns_viewall {
margin:5px;
text-align:center;
font-size:9px; /* can be hidden with a display:none */
}
/* News Search Mini */
.newssearchmini {
padding: 5px;
}
.newssearchmini .nsm_input {
width: 120px
}
/* News Page Properties */
.news {
margin: 0;
padding:10px;
}
.news h1 {
display:block;
padding:0;
margin-top:0;
}
.news h3 {
}
.news .news_bottombar {
border-top:1px solid #ccc;
margin-right:5px;
padding: 5px 0;
}
.news .news_image {
margin: 4px 0 2px 6px;
}
/* News List Properties */
.newslist {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.newslist .table-top {
display: block;
overflow:hidden;
}
.newslist .table-top .nl_title {
float:left;
}
.newslist .table-top .nl_rss {
float:right;
margin-top:10px;
}
.newslist .nl_scrollable { /* scroll? height:450px; overflow:auto; */
}
.newslist .nl_headingimg {
text-align:center;
}
.newslist .nl_headingimg img {
margin: 5px;
}
.newslist .nl_item {
padding: 3px;
overflow:hidden;
}
.newslist .nl_item a {
font-size:12px;
margin-top: 3px;
width: 97%;
}
.newslist .nl_border {
border-bottom: 1px dashed #ccc;
}
.newslist .nl_flip {
background-color: #e5e5e5;
}
.newslist .nl_img {
display:inline;
float:left;
}
.newslist .nl_img img {
margin:1px 7px 1px 2px;
}
.newslist .nl_date {
color: #999;
}
.newslist .nl_details {
color: inherit;
}
.newslist .nl_viewall {
margin:5px;
text-align:center;
font-size:9px; /* can be hidden with a display:none */
}
/* These styles are deprecated. (if in use, remove) */
.news-title {
border-bottom: #333333 solid 1px;
color: #e88b1b;
font-size: 14px;
font-weight: bold;
height: 40px;
padding: 5px;
}
.news-author {
font-style: italic;
}
.news-date {
color: #999;
}
.news-print {
}
.news-content {
font-size: 10px;
height: 250px;
padding: 5px;
vertical-align: top;
}
.news-list-title {
color: #f7941d;
font-weight: bold;
}
.news-list-date {
color: #93a8a9;
font-weight: bold;
}
.news-list-content {
background-color: #f7f8f8;
color: #000000;
}
.news-list-content-alt {
background-color: #5b7778;
color: #FFFFFF;
}
/* New Aggregator December 2014 */
.adlayout_div {
float:left;
margin:0;
padding:0;
width:100%;
}
.adlayout_div ul {
float:left;
margin:0;
padding:0;
width:100%;
}
div.adlayout_div li {
height: auto;
list-style: outside none none;
margin: 0 0 8%;
padding: 0;
position:relative;
z-index:1;
}
/* Half Width Articles */
div.adlayout_div li.adlayout_half {
background: none no-repeat scroll 0 0 #ffffff;
float: left;
margin: 0 0% 8% 0;
white-space: normal;
width: 47%;
background-size:303px 171px;
max-width: 303px;
width: 46%;
}
div.adlayout_div li.adlayout_half.left {
margin:0 8% 0 0;
}
div.adlayout_div li.adlayout_half.adlayout_first_li {
margin:0 8% 8% 0;
}
div.adlayout_div li.adlayout_half .adlayout_detail_box {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
height: 100%;
margin: -29px 0 0;
padding: 0 0 30px;
width: 100%;
}
div.adlayout_div li.adlayout_half .adlayout_detail_box .content {
background:none #ffffff;
padding:2%;
margin:42% 0 0;
}
/* Full Width Articles */
div.adlayout_div li.adlayout_full {
background-color: #ffffff;
background-repeat: no-repeat;
float: left;
max-width: 653px;
min-height: 367px;
width: 100%;
background-size:653px 367px;
}
div.adlayout_div li.adlayout_full .adlayout_detail_box {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
margin: -29px 0 0;
padding: 2% 2% 30px;
width: 96%;
}
div.adlayout_div li.adlayout_full .adlayout_detail_box .content {
background: none repeat scroll 0 0 #ffffff;
margin: 50% 0 0;
padding: 2%;
width: 50%;
}
/* Banners */
div.adlayout_div li.adlayout_banner_full {
//background-color: blue;
float: left;
height: auto;
max-width: 653px;
width: 100%;
}
div.adlayout_div li.adlayout_banner_half {
//background-color: green;
float: left;
height: auto;
margin: 0 0 0 0%;
max-width: 303px;
width: 46%;
}
.adlayout_subtitle_category {
float: left;
padding: 2% 0;
width: 100%;
}
.adlayout_detail_box a {
font-size:18px;
color:#000000;
}
.adlayout_share_box ul {
background: none repeat scroll 0 0 #ffffff;
border: 3px solid #000000;
display: table;
float: none;
height: auto;
margin: 0 auto !important;
position: relative;
width: 92%;
}
.adlayout_full .adlayout_share_box ul {
width: 98%;
}
.adlayout_share_icon {
background: url("../images/icon-share.png") no-repeat scroll center center #ffffff;
border: 3px solid #01aef0;
cursor: pointer;
float: right;
height: 22px;
position: relative;
right: 8px;
top: 8px;
vertical-align: top;
width: 33px;
z-index: 500;
}
.adlayout_share_icon:hover {
background: url("../images/icon-share.png") no-repeat scroll center center #ffffff;
border: 3px solid #000000;
position:relative;
z-index:501;
height:22px;
width:33px;
}
.adlayout_share_close {
background: url("../images/icon-share-close.png") no-repeat scroll center center #ffffff;
border: 3px solid #000000;
cursor: pointer;
float: right;
height: 22px;
position: relative;
right: 8px;
top: 8px;
vertical-align: top;
width: 33px;
z-index: 500;
}
div.adlayout_div div.adlayout_share_box{
color: #1C1C1C;
margin: 40% 1.5% 0;
}
.adlayout_detail_box_sharing{
//opacity: 0.6;
//filter: alpha(opacity=60);
}
.adlayout_detail_box_sharing_force_one{
//opacity: 1;
//filter: alpha(opacity=100);
}
/*
div.adlayout_div div.adlayout_share_box li{
height: 111px;
}
*/
div.adlayout_div div.adlayout_share_box li.facebook{
background: url("../images/icon-share-facebook.png") no-repeat scroll center top #ffffff;
opacity: 1;
}
div.adlayout_div div.adlayout_share_box li.twitter{
background: url("../images/icon-share-twitter.png") no-repeat scroll center top #ffffff;
}
div.adlayout_div div.adlayout_share_box li.email{
background: url("../images/icon-share-envelope.png") no-repeat scroll center top #ffffff;
}
div.adlayout_share_box li {
float: left;
height: auto;
margin: 2% 0;
min-height: 70px;
padding: 0;
width: 33%;
}
div.adlayout_share_box span.share_count {
display: block;
font-size: 11px;
margin-top: 40px;
text-align: center;
vertical-align: top;
}
div.adlayout_share_box span.share_title {
display: block;
font-size: 11px;
margin-top: 20px;
text-align: center;
vertical-align: bottom;
}
/* New Aggregator December 2014 Ends */
/*---------------------------------------*/
/* Site Aggregator List */
/*---------------------------------------*/
.siteupdates {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.siteupdates .table-top {
display: block;
overflow:hidden;
}
.siteupdates .table-top .su_title {
float:left;
}
.siteupdates .table-top .su_rss {
float:right;
margin-top:10px;
}
.siteupdates .su_ajax { /* wraps items and pagination. DNR, js calls on this class */
}
.siteupdates .su_scrollable { /* wraps only items, if you want the box to scroll: height:450px; overflow:auto; */
}
.siteupdates .su_item {
padding: 3px;
overflow:hidden;
}
.siteupdates .su_item a {
font-size:12px;
margin-top: 3px;
width: 97%;
}
.siteupdates .su_border {
border-bottom: 1px dashed #ccc;
}
.siteupdates .su_flip {
background-color: #e5e5e5;
}
.siteupdates .su_img {
display:inline;
float:left;
margin-right:5px;
}
.siteupdates .su_img img {
margin:2px;
}
.siteupdates .su_date {
color: #999;
}
.siteupdates .su_category {
color: #999; /* can be hidden with a display:none */
}
.siteupdates .su_details {
color: inherit;
}
.siteupdates .su_viewall {
margin:5px;
text-align:center;
font-size:9px;
}
/* Icons for each type (defaults to Mantis' CMS icons)
Sample substitute image: "/uploads/Image/icons/file.png" */
.siteupdates .su_news {
background-image:url(../images/icons_modules/calendar.png);
background-position: right;
background-repeat:no-repeat;
}
.siteupdates .su_videos {
background-image:url(../images/icons_modules/film.png);
background-position: right;
background-repeat:no-repeat;
}
.siteupdates .su_events {
background-image:url(../images/icons_modules/calendar.png);
background-position: right;
background-repeat:no-repeat;
}
.siteupdates .su_locations {
background-image:url(../images/icons_modules/location.png);
background-position: right;
background-repeat:no-repeat;
}
.siteupdates .su_blog {
background-image:url(../images/icons_modules/blog.png);
background-position: right;
background-repeat:no-repeat;
}
/*---------------------------------------*/
/* Site Aggregator Combo */
/*---------------------------------------*/
.siteaggregatorcombo {
color: #333;
text-align: left;
}
.siteaggregatorcombo .sac_wrapper {
border: 1px solid #CCC;
border-top:0;
}
.siteaggregatorcombo .sac_filter_dropdown {
border-bottom:1px solid #CCCCCC;
padding:3px; /*IE7: prevents line from riding up */
min-height:25px;
}
.siteaggregatorcombo .sac_filter_textlinks {
border-bottom:1px solid #CCCCCC;
padding:3px; /*IE7: prevents line from riding up */
min-height:17px;
}
.siteaggregatorcombo .sac_filter_textlinks a {
padding-right: 5px;
}
.siteaggregatorcombo .sac_filter_selected {
font-weight:bold;
}
/* Ajax List */
.siteaggregatorcombo .sac_scrollable { /* wraps only the content, if you want the box to scroll: height:450px; overflow:auto; */
}
.siteaggregatorcombo .sac_item {
padding: 3px;
overflow:hidden;
}
.siteaggregatorcombo .sac_item a {
font-size:12px;
margin-top: 3px;
width: 97%;
}
.siteaggregatorcombo .sac_border {
border-bottom: 1px dashed #ccc;
}
.siteaggregatorcombo .sac_flip {
background-color: #e5e5e5;
}
.siteaggregatorcombo .sac_img {
display:inline;
float:left;
margin-right:5px;
}
.siteaggregatorcombo .sac_img img {
margin:2px;
}
.siteaggregatorcombo .sac_date {
color: #999;
}
.siteaggregatorcombo .sac_category {
color: #999; /* can be hidden with a display:none */
}
.siteaggregatorcombo .sac_details {
color: inherit;
}
.siteaggregatorcombo .sac_viewall {
margin:5px;
text-align:center;
font-size:9px;
}
/* Tabs */
.siteaggregatorcombo .sac_tabs {
border-bottom: 1px solid #ccc;
margin:5px 0 0 0;
padding:3px 0 3px 10px;
}
.siteaggregatorcombo .sac_tabs li {
display: inline;
list-style: none;
margin: 0;
}
.siteaggregatorcombo .sac_tabs li a {
text-transform:uppercase;
text-decoration: none;
background: #e5e5e5;
border: 1px solid #ccc;
border-bottom: none;
margin-left: 6x;
padding:3px 0.8em;
}
.siteaggregatorcombo .sac_tabs li a:hover { /* Hover */
background: #fff;
text-decoration: underline;
}
.siteaggregatorcombo .sac_tabs li a.selected { /* Selected */
background: #fff;
border-bottom: 1px solid #fff;
}
/*---------------------------------------*/
/* Content Components */
/*---------------------------------------*/
/* Content List Collapse */
.contentlistcollapse .clc_title {
border-top: 1px dotted #ccc;
margin: 5px 0;
}
.contentlistcollapse .clc_title a {
}
.contentlistcollapse .clc_arrow_on {
font-size:14px;
color:#FF6600;
margin-right:2px;
}
.contentlistcollapse .clc_arrow_off {
font-size:14px;
color:#FF6600;
}
.contentlistcollapse .clc_body {
margin-left:15px;
}
/* Content Rotator */
.contentrotator { /*width&height for the wrapper*/
}
.contentrotator .cn_fadebox { /*position:absolute; width, height, and top values can be set here or inside each content piece */
}
/* Content In Tabs (Ajax) */
ul#contenttab_list {
margin: 10px auto 5px 0;
padding-left: 0;
white-space: nowrap;
}
#contenttab_list li {
display: inline;
list-style-type: none;
}
#contenttab_list a { /* all tabs style */
background-color: #e5e5e5;
padding: 5px 15px;
color: #444;
text-decoration: none;
}
#contenttab_list a:link, #contenttab_list a:visited { /* inactive tab style */
background-color: #e5e5e5;
}
#contenttab_list a:hover { /* hover tab style*/
background-color: #999;
}
#contenttab_list a.current { /* active tab style */
background-color: #999;
text-transform: none;
}
.contenttab_box { /* content box style */
border: 1px solid #ccc;
padding: 10px;
width: 97%;
}
/*---------------------------------------*/
/* Items */
/*---------------------------------------*/
.itemsdisplay .id_leftcol {
float:left;
width: 60%;
}
.itemsdisplay .id_rightcol {
float:right;
width:39%
}
.itemsdisplay .id_mainphoto img {
border:1px solid #ccc;
height: 100%;
}
.itemsdisplay .id_thumbs {
margin: 10px 0 0 0;
padding:0;
}
.itemsdisplay .id_thumbs li {
list-style:none;
border:1px solid #ccc;
margin:5px;
}
.itemsdisplay .id_thumbs img {
cursor:pointer;
}
.itemsdisplay .id_desc {
line-height:18px;
}
.itemsdisplay .id_link {
margin:4px 0;
}
.itemsdisplay .id_link a {
background-color: #999;
color:#fff;
padding:4px;
}
.itemsdisplay .id_price h3 {
background-color: #999;
color:#fff;
padding:3px 2px;
}
.itemsdisplay .id_price p {
margin: 2px 0 4px 0;
font-weight:bold;
}
.itemsdisplay .id_customfields h3 {
background-color: #999;
color:#fff;
padding:3px 2px;
}
.itemsdisplay .id_customfields ul {
padding:0;
margin: 5px 0 20px 0;
}
.itemsdisplay .id_customfields li {
list-style:none;
padding:2px 0;
margin:0;
border-bottom: 1px solid #ccc;
}
.itemsdisplay .id_customfields li span {
font-weight:bold;
}
.itemsdisplay .id_form .form_fieldname {
white-space: normal;
}
.itemsdisplay .id_form .form_field {
width:90%
}
/* items list */
.itemslist {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.itemslist .il_item {
padding: 3px;
text-align:center;
}
.itemslist .il_item a {
font-size:12px;
}
.itemslist .il_border {
border-bottom: 1px dashed #ccc;
}
.itemslist .il_image {
margin: 2px 2px 2px 0;
display:inline-block;
}
.itemslist .il_image img {
height:100%;
}
.itemslist .il_name {
font-size:9px;
}
.itemslist .il_price {
font-size:9px;
}
.itemslist p { /* No results msg */
padding:5px;
}
/*---------------------------------------*/
/* Poll */
/*---------------------------------------*/
.poll {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.poll .table-top h1 { /* Style heating */
}
.poll .poll_item {
padding:3px;
}
.poll .poll_flip {
background-color: #e5e5e5;
}
.poll .poll_bgbar {
background-color:#e5e5e5;
width:100%;
height:15px;
margin:3px 0 5px 0;
}
.poll .poll_percentbar {
background-color:#66CC66;
height:13px;
border:1px solid #3F8F3E;
}
.poll .poll_buttons {
margin:5px;
text-align:center;
font-size:9px;
}
/*---------------------------------------*/
/* Gallery.2 */
/*---------------------------------------*/
.gallery2 {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.gallery2 .table-top {
display: block; /* can be hidden with a display: none */
}
.gallery2 .g2_item {
vertical-align:top;
text-align:center;
padding:4px; /*cell (td) styling*/
}
.gallery2 .g2_thumb {
margin:3px;
border:1px solid #999;
}
.gallery2 .g2_title {
font-size:12px;
margin-top: 3px;
display:block;
}
.gallery2 .g2_caption {
color: #999;
display:block;
}
.gallery2 .g2_pager {
margin:5px;
text-align:center;
font-size:9px;
}
/*---------------------------------------*/
/* Newsletter Signup */
/*---------------------------------------*/
.newslettersignup {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.newslettersignup .table-top {
margin-bottom: 5px;
display: block; /* can be hidden with a display: none */
}
.newslettersignup label {
float:left;
display:block;
margin: 3px;
width: 30%; /* get rid of width if you wish input to appear underneath */
}
.newslettersignup .ns_email {
margin:3px;
}
.newslettersignup .ns_action {
margin: 0 3px;
}
.newslettersignup .ns_action label {
display:block;
margin: 3px;
}
.newslettersignup .ns_options {
margin:3px;
border:1px dotted #999;
}
.newslettersignup .ns_options div {
clear:left;
padding:2px;
}
.newslettersignup .ns_button {
margin:3px;
text-align:center
}
/*---------------------------------------*/
/* Form Manager */
/*---------------------------------------*/
.form_style table { /* wrapps everything form, errors, etc. width: 480px; -> width of the table*/
}
.form_style .form_maintable {
border:thin solid #CCCCCC;
color:#333333;
text-align:left;
}
.form_style .form_about {
padding:10px;
vertical-align:top;
}
.form_style .form_required {
color: #FF0000;
}
.form_style .form_desc {
color: #999999;
}
.form_style .form_fieldname {
font-weight:bold;
}
.form_style .form_question {
white-space:normal;
}
.form_style .form_field { /*override for fields */
}
/* For the Form Manager to work, you need a lot of the styles under the "Common Styles" section */
/*---------------------------------------*/
/* User Profile */
/*---------------------------------------*/
/* Results Page */
.userprofile .up_item {
overflow:auto;
border-bottom: 1px dashed #ccc;
line-height:16px;
padding:7px 0;
}
.userprofile .up_item .image {
float: left;
}
.userprofile .up_item .image img {
margin:5px 5px 5px 0;
border:1px solid #ccc;
}
.userprofile .up_item .title a {
font-size: 12px;
font-weight:bold;
}
.userprofile .up_item .location {
font-style:italic;
}
.userprofile .up_item .desc {
color:#999;
}
/* View Page */
.userprofile .upv_return a {
color: #999;
font-size:10px;
}
.userprofile .up_edit {
font-size:11px;
color: #999;
font-weight:normal;
text-decoration:none
}
.userprofile .upv_bio {
line-height:18px;
}
.userprofile .upv_bio .img {
border:1px solid #999;
}
.userprofile .upv_map {
border:1px solid #999;
height:310px;
z-index:1;
margin-top:10px;
}
.userprofile .upv_titles {
font-weight: bold;
}
.userprofile .upv_age {
display: none;
}
/*---------------------------------------*/
/* User Profile */
/*---------------------------------------*/
.userprofilesearch {
border: 1px solid #CCC;
padding:0 10px;
martin-top:10px;
}
.userprofilesearch label {
display:block;
}
.userprofilesearch .width {
width:98%;
}
/*---------------------------------------*/
/* User Profile Media table */
/*---------------------------------------*/
.media_header {
padding:5;
martin-top:10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666;
font-weight: bold;
}
/*---------------------------------------*/
/* User Profile Edit */
/*---------------------------------------*/
.profileedit .pe_breadcrums {
margin: 0 3px;
}
.profileedit .pe_breadcrums_profile { /* can be hidden with display:none */
}
.profileedit .pe_tab_basic, .profileedit .pe_tab_privacy, .profileedit .pe_tab_profile { /* can be hidden with display:none */
}
/* Profile Edit Nav */
#profiledit_nav {
border-bottom: 1px solid #778;
margin-left: 0;
padding: 3px 0;
}
#profiledit_nav li {
display: inline;
list-style: none;
margin: 0;
}
#profiledit_nav li a /* tab container */ {
background: #E7EFC2;
color: #666;
border: 1px solid #778;
border-bottom: none;
margin-left: 6x;
padding: 3px 0.7em;
text-decoration: none;
}
#profiledit_nav li a:hover {
background: #669933;
color: #fff;
text-decoration: underline;
}
#profiledit_nav li a#current /* selected */ {
background: #669933;
color: #fff;
border-bottom: 1px solid #778;
}
#profiledit_nav li a#highlight /* highlight */ {
background:#F2C07D;
color: #666;
border-bottom: 1px solid #778;
}
/*---------------------------------------*/
/* User Profile Media Tables */
/*---------------------------------------*/
.profiledit_tableheader {
border-bottom: 1px solid #666;
font-weight: bold;
}
.profiledit_tablerow {
border-bottom: 1px solid #CCC;
}
/*---------------------------------------*/
/* Login Properties */
/*---------------------------------------*/
.loginform {
text-align:right;
padding: 5px;
}
.loginform form {
padding:0;
margin:0;
}
.loginform label {
text-align:right;
}
.loginform input.formfield {
width: 110px;
}
.loginform input.button { /* if nothing here, keeps styles set way up on this file */
}
.loginbox {
padding: 5px;
text-align:right
}
.loginbox .profile { /* can be hidden */
}
/*---------------------------------------*/
/* Sitemap */
/*---------------------------------------*/
.sitemap .stm_level_one {
}
.sitemap .stm_level_one li {
list-style-type:lower-roman;
}
.sitemap .stm_level_two {
margin-top:10px;
}
.sitemap .stm_level_two li {
list-style-type:disc;
}
.sitemap .stm_level_three {
margin-top:5px;
}
.sitemap .stm_level_three li {
list-style-type:circle;
}
.sitemap .stm_level_four {
margin-top:5px;
}
.sitemap .stm_level_four li {
list-style-type:circle;
}
/*---------------------------------------*/
/* Calendar (all) */
/*---------------------------------------*/
.calendar {
font-size: 12px;
}
.calendar h1 {
font-size: 22px;
padding: 10px;
}
.calendar .date {
height: 120px;
text-align: right;
color: #666;
vertical-align:top;
border: 1px dotted silver;
padding: 5px;
}
.calendar .date:hover {
background-color: #E5E5E5; /* Cell hover */
}
.calendar .dayheadings {
width: 14%;
font-size:14px;
padding: 10px;
}
.calendar .dateselected {
background-color:#CCC; /* Cell selected (todays date) */
}
.calendar div.cellitems {
text-align: left;
}
.calendar div.cellitems ul {
padding: 0;
margin:0px;
}
.calendar div.cellitems ul li.title {
list-style: none;
padding:3px 0;
margin:2px 0;
}
.calendar div.cellitems ul li.title a {
display:block;
}
.calendar div.cellitems ul li.gotonext {
list-style: none;
padding:3px 0;
margin:2px 0;
background-color:none;
text-align:right;
}
.calendar div.cellitems ul li.gotonext a {
display:block;
color: #999;
}
.calendar .arrownav {
font-size:20px;
padding: 5px;
}
.calendar .monthnavleft {
float:left;
width:100px;
margin:10px 0 10px 10px;
text-align:left;
font-weight:bold;
font-size:14px;
}
.calendar .monthnavright {
float:right;
width:100px;
margin:10px 10px 10px 0;
text-align:right;
font-weight:bold;
font-size:14px;
}
.calendar .monthnav {
float:left;
width:50%;
margin: 10px;
text-align:center;
}
.calendar .sidebar {
border:1px dashed #ccc;
padding: 5px;
margin-top:36px;
width: 135px;
}
.calendar .specificsearch {
border: 1px solid #2B67AF;
padding: 7px;
color: #2B67AF;
font-weight:bold;
font-size:11px;
}
/* small calendar */
.calendar_small {
color: #333;
border: 1px solid #CCC;
}
.calendar_small .date {
margin: 2px;
padding:3px;
text-align:center;
display:block;
color: #666;
}
.calendar_small .dateselected {
background-color:#FFFFCC;
} /* cell selected (todays date) */
.calendar_small .datehascontent {
background-color:#CCCCFF;
}
.calendar_small .dayheadings {
padding: 3px;
text-align:center;
}
.calendar_small .arrownav {
font-size:14px;
padding: 5px;
}
/*---------------------------------------*/
/*Shopping Cart CSS Properties */
/*---------------------------------------*/
/* Checkout */
/* View Cart Box */
.Shopping-Cart-Main {
border:1px solid #CCCCCC;
margin:10px auto;
}
.Shopping-Cart-Top {
padding:4px 2px;
border-bottom:1px dotted #666666;
}
.Shopping-Cart-LineItems-Title {
padding:2px 2px 4px;
}
.Shopping-Cart-LineItems {
background-color: #e5e5e5;
padding:2px;
}
.Shopping-Cart-LineItems-Alt {
padding:2px;
}
.Shopping-Cart-LineItems-Total {
padding:6px 2px 2px;
}
.Shopping-Cart-Paypal-Order {
padding: 3px;
background-color:#FFFF99;
}
/* Moneris Receipt */
.Shopping-Receipt-Moneris {
color: inherit;
border:1px solid #ccc;
width: 80%;
margin:auto;
}
.Shopping-Receipt-Moneris td {
padding:5px;
}
.Shopping-Receipt-Moneris .heading {
font-size:14px;
font-weight:bold;
text-transform:capitalize;
text-align:center;
}
.Shopping-Receipt-Moneris .leftcol {
width: 45%;
text-align:right;
font-weight:bold;
}
.Shopping-Receipt-Moneris .orderid {
font-size:14px;
color:#333;
font-weight:bold;
}
.Shopping-Receipt-Moneris .total {
font-size:14px;
font-weight:bold;
}
.Shopping-Receipt-Moneris .footer {
text-align: center;
}
/* Store Menu */
.Category-Table-Wrapper { /* Menu Wrapper */
border: 1px solid #CCC;
}
.Category-Table { /* Category Section */
border-bottom:1px solid #FFFFFF;
}
.Category-Title { /* Top Cat */
background-color: #CCCCCC;
padding:5px;
}
.Category-Title a { /* Top Cat Link (defaults to site's link color) */
}
.Category-Title-On { /* Selected Top Cat */
background-color: #77BF6B;
padding:5px;
}
.Category-Title-On a { /* Selected Top Cat Link */
color: #FFFFFF;
}
.Category-Button { /* Sub-Cat */
padding:5px;
}
.Category-Button-On { /* Selected Sub-Cat */
background-color: #77BF6B;
padding:5px;
}
.Category-Button-On a { /* Selected Sub-Cat Link */
color: #FFFFFF;
}
/* Headings */
.Product-Breadcrumbs {
background-color: #666;
color: #fff;
padding: 5px;
}
.Product-Breadcrumbs a {
color: #fff !important;
}
/* Products List */
.Product-Table-Wrapper {
background-color: #FFFFFF;
border: 1px solid #666;
width: 100%;
}
.Product-Table { /* Each Product Cell */
border: 1px solid #CCC;
height: 250px;
}
.Product-Table-Sub { /* Cell Spacing */
padding: 5px;
width: 33%;
}
.Product-Table-Main { /* Product Page - Table: */
border: 1px solid #666666;
height: 400px;
}
.Product-Title { /* Product Page - Title: */
background-color: #e5e5e5;
border-bottom: #ccc solid 1px;
color: #000000;
font-size: 14px;
height: 30px;
padding: 5px;
}
.Product-Content { /* Product Page - Content: */
color: #333333;
padding: 5px;
}
.Product-Description {
color: #FF9900;
font-weight: bold;
}
.Product-Price-Left { /* Product List - Prince: */
font-weight:bold;
float:left;
width:50%
}
.Product-Price-Right { /* Product List - Prince: */
font-weight:bold;
float:right;
width:50%
}
.Product-Img { /* Product List - Image Min: */
height: 125px;
}
.Product-Options { /* Rel Products & Gallery */
color: #FF9900;
font-weight: bold;
}
.Product-Pager { /* Product Page - Pagination: */
color: #FFFFFF;
padding: 5px;
text-align: center;
}
/*---------------------------------------*/
/*DHTML Tool Tip */
/*---------------------------------------*/
#dhtmltooltip {
position: absolute;
height: 150px;
width: 350px;
padding: 0px;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;/*Remove below line to remove shadow. Below line should always appear last within this CSS*//*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
/*---------------------------------------*/
/*August 2013 Form Builder */
/*---------------------------------------*/
.FormBuilder_MainDiv {
border: medium none;
color: #000000;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 0;
text-align: left;
width: 100%;
}
.FormBuilder_MainDiv #dhtmltooltip {
background-color: #FFFFFF;
border: 2px solid;
color: #000000;
font-size: 13px;
height: auto;
padding: 12px;
position: absolute;
visibility: hidden;
width: auto;
z-index: 100;
}
#FormBuilder input {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 4px 4px 4px 4px;
font-size: inherit !important;
max-width: 250px;
min-width: 100px;
padding: 5px;
width: auto;
}
#FormBuilder textarea {
font-family:inherit;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 4px 4px 4px 4px;
font-size: inherit !important;
max-width: 550px;
padding: 5px;
width: 100%;
height: 150px;
}
#FormBuilder select {
background-color: #FFFFFF;
border-radius: 4px 4px 4px 4px;
font-size: 13px;
padding: 5px;
}
.FormBuilder_MainDiv p {
font-size:14px;
}
#FormBuilder_Name {
border-bottom: 2px solid #E2E2E2;
color: #000000;
float: left;
font-size: 24px;
font-weight: normal;
padding: 0 0 10px;
width: 100%;
}
#FormBuilder_Desc {
color: #666666;
float: left;
font-size: 14px;
font-weight: normal;
width: 100%;
}
.FormBuilder_StepDiv {
border: 1px solid #E2E2E2;
float: left;
padding: 0 0 20px;
width: 100%;
}
FormBuilder_Step_1.FormBuilder_StepDiv {
font-size:18px;
font-weight:normal;
color:#000;
padding:0;
}
.FormBuilder_Step_Display {
background-color:#333333;
color:#fff;
font-size:16px;
font-weight:bold;
padding:12px 20px;
}
#FormBuilder {
padding:12px 20px;
margin:0;
}
.FormBuilder_RegLinks {
border-bottom: 2px solid #E2E2E2;
font-size: 14px;
font-weight: bold;
height: 22px;
margin: 12px 0;
padding: 0;
width: 100%;
}
.FormBuilder_RegLinks a {
background-color: #999999;
border-radius: 4px 4px 0 0;
color: #FFFFFF;
height: auto;
line-height: normal;
margin: 0;
padding: 6px 7px;
text-decoration: none;
}
.FormBuilder_RegLinks a:hover {
background-color: #333;
color: #FFFFFF;
}
#FormBuilder_LoginForm {
margin:0;
padding:0;
}
#FormBuilder_LoginForm table {
padding:0;
}
#FormBuilder_LoginForm td {
color: #333333;
font-size: 13px;
font-weight: bold;
padding: 5px 5px 5px 0;
text-align: left;
vertical-align: top;
width: auto;
}
#FormBuilder_Button_Div {
display: block;
float: left;
margin: 20px 0 0;
padding: 0;
width: 100%;
}
#FormBuilder_Button_Div input#btnNext, #FormBuilder_Restart_Link {
background-color:#333;
margin:0;
padding:5px 9px;
border-radius:4px;
border: 1px solid #CCCCCC;
color:#fff;
cursor:pointer;
font-weight:bold;
text-decoration:none;
}
#FormBuilder_Button_Div input#btnNext:hover, #FormBuilder_Restart_Link:hover {
background-color:#e2e2e2;
color:#333;
}
#FormBuilder_Button_Div input#btnPrev {
background-color:#333;
margin:0;
padding:5px 9px;
border-radius:4px;
color:#fff;
cursor:pointer;
font-weight:bold;
}
#FormBuilder_Button_Div input#btnPrev:hover {
background-color:#e2e2e2;
color:#333;
}
#FormBuilder .error, #FormBuilder_LoginForm .validation-advice, #FormBuilder_LoginForm .form_error {
color: #FF0000;
font-size: 11px;
font-weight: bold;
padding: 4px 0 0 8px;
text-align: left;
}
.FormBuilder_MainDiv .error, .FormBuilder_MainDiv .validation-advice, .FormBuilder_MainDiv .form_error {
color: #FF0000;
font-size: 11px;
font-weight: bold;
padding: 4px 0 0;
text-align: left;
}
.FormBuilder_QuestionDiv .error, .FormBuilder_QuestionDiv .validation-advice, .FormBuilder_QuestionDiv .form_error {
padding: 4px 0 0 80px;
}
.FormBuilder_Table_SingleSelectDropDown th, .FormBuilder_Table_SingleSelectDropDown td {
float:left;
width:100%;
}
.FormBuilder_Table_SingleSelectRadios th {
font-size:13px;
}
.FormBuilder_Table_SingleSelectRadios td {
padding:4px 0;
text-align:center;
}
.FormBuilder_RegForm {
float: left;
margin: 12px 0;
padding: 0;
width: 100%;
text-align:left;
}
.FormBuilder_RegForm table {
width:100%;
padding:0;
}
.FormBuilder_RegForm td {
text-align:left;
font-size:13px;
font-weight:bold;
color:#000;
width:auto;
padding: 5px 5px 5px 0;
}
.FormBuilder_RegForm .error, .FormBuilder_RegForm .validation-advice, .FormBuilder_RegForm .form_error {
padding: 4px 0 0 0px;
}
.FormBuilder_QuestionDiv {
float: left;
margin: 0;
padding: 0 0 12px;
width: 100%;
}
.FormBuilder_txtInput {
margin:12px 0;
}
a.FormBuilder_ToolTip_Link {
float: left;
font-weight: normal;
margin: 0 4px 0 0;
}
.FormBuilder_txtSingle, .FormBuilder_txtFile, .FormBuilder_txtMatrix {
border-bottom: 1px solid #E2E2E2;
font-size: 15px;
font-weight: bold;
margin: 12px 0;
padding: 0 0 10px;
}
.FormBuilder_Matrix {
float: left;
padding: 8px 0 0;
}
.FormBuilder_Matrix th {
border-bottom: 1px solid #CCCCCC;
font-size: 13px;
text-align: center;
}
.FormBuilder_Matrix_Y {
border-bottom: 1px solid #CCCCCC;
padding: 6px;
}
.FormBuilder_Matrix td, th.FormBuilder_Matrix_X {
border-bottom: 1px solid #CCCCCC;
padding: 6px;
text-align: left;
}
th.FormBuilder_Matrix_X div.validation-advice {
text-align:center;
}
.FormBuilder_Table_Checkboxes {
}
.FormBuilder_Table_Checkboxes td, .FormBuilder_Table_Checkboxes th {
color: #000000;
font-size: 13px;
font-weight: bold;
padding: 5px 5px 5px 0;
text-align: left;
vertical-align: top;
width: auto;
}
.FormBuilder_Table_Checkboxes td {
text-align:center;
}
.FormBuilder_Table_Checkboxes .error, .FormBuilder_Table_Checkboxes .validation-advice, .FormBuilder_Table_Checkboxes .form_error {
padding: 4px 0 0 0px;
}
.FormBuilder_Table_SingleSelectDropDown {
}
.FormBuilder_Table_SingleSelectRadios {
float:left;
}
.FormBuilder_Table_SingleSelectDropDown th {
text-align:left;
font-size:13px;
font-weight:bold;
color:#000;
width:auto;
padding: 5px 5px 5px 0;
vertical-align:top;
}
.FormBuilder_Table_SingleSelectDropDown td {
vertical-align:top;
}
.FormBuilder_Table_SingleSelectDropDown .error, .FormBuilder_Table_SingleSelectDropDown .validation-advice, .FormBuilder_Table_SingleSelectDropDown .form_error {
padding: 4px 0 0 0px;
}
.FormBuilder_FileTypesInfo {
display: table;
font-size: 11px;
margin: 0 0 0 10px;
padding: 3px 10px;
}
.FormBuilder_QuestionDiv .FormBuilder_FileTypesInfo {
display: table;
font-size: 11px;
margin: 0 0 0 0px;
padding: 3px 10px;
}
.FormBuilder_QuestionDiv .red {
color: #CC0000;
float: none;
padding: 0 4px 0 0;
}
.FormBuilder_RegForm .red {
color: #CC0000;
float:none;
padding: 0 4px 0 0;
}
.FormBuilder_QuestionHeader {
margin: 0;
padding: 0;
width: 100%;
float:left;
border-bottom: 1px solid #E2E2E2;
font-size: 15px;
font-weight: bold;
margin: 12px 0;
padding: 0 0 10px;
}
.FormBuilder_QuestionToolTipHeader {
margin:0;
padding:0;
float:none;
}
.FormBuilder_Header {
border: 1px solid #E2E2E2;
float: left;
padding: 12px 20px 20px;
width: 96%;
}
.FormBuilder_Header h5 {
border-bottom: 1px solid #E2E2E2;
font-size: 15px;
font-weight: bold;
margin: 12px 0;
padding: 0 0 10px;
}
/*---------------------------------------*/
/* Publisher */
/*---------------------------------------*/
.publisher {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.publisherwidget {
margin:0 0 0 2%;
}
.publisher .noticebox {
margin-top:10px;
}
.publisher .noticebox a {
color: #fff;
}
.publisher .posts {
margin: 10px 0;
}
.publisher .posts.all {
border-bottom: 1px solid #CCCCCC;
float: left;
padding-bottom: 20px;
width: 100%;
}
.publisher .posts.all .header .date, .publisher .posts.all .header .authorname {
padding:0 14px 0 0;
}
.publisher .posts .body {
line-height:20px;
font-size: 14px;
}
.publisher .posts.single {
border-bottom: 1px solid #CCCCCC;
float: left;
padding-bottom: 20px;
width: 100%;
}
.publisher .posts.single img.publisher_single_image {
float: right;
}
.publisher .posts.single .body {
float:left;
width:100%;
}
.slider-wrapper {
width:100%;
}
.publisher .posts.single .body-photos {
float:left;
width:100%;
padding-bottom:20px;
}
.publisher .posts.single .body-photos .slider-wrapper {
padding:0% 0 2% 0;
}
.publisher .posts .main_img {
float: left;
margin: 0 2% 2% 0;
max-width: 100%;
width: auto;
}
.publisher .posts .main_img img {
margin: 0 2% 2% 0;
max-width: 100%;
float:left;
width:auto;
}
.publisher .posts .photos {
overflow: auto;
padding: 10px 0;
}
.publisher .posts .photos .thumbnail {
}
ul.publisher_ul_lightbox {
width:100%;
margin:0;
padding:0;
float:left;
}
ul.publisher_ul_lightbox_2_cols li a img, ul.publisher_ul_lightbox_3_cols li a img, ul.publisher_ul_lightbox_4_cols li a img, ul.publisher_ul_lightbox_5_cols li a img, ul.publisher_ul_lightbox_6_cols li a img {
width:100%;
max-width:100%;
}
ul.publisher_ul_lightbox_2_cols li {
width:49%;
margin:.25% .25% -.25%;
padding:0;
float:left;
list-style: none outside none;
}
ul.publisher_ul_lightbox_3_cols li {
width:32%;
margin:.25% .25% -.25%;
padding:0;
float:left;
list-style: none outside none;
}
ul.publisher_ul_lightbox_4_cols li {
float: left;
list-style: none outside none;
margin: 0.25% 0.25% -0.25%;
padding: 0;
width: 24%;
}
ul.publisher_ul_lightbox_5_cols li {
float: left;
list-style: none outside none;
margin: 0.25% 0.25% -0.25%;
padding: 0;
width: 19%;
}
ul.publisher_ul_lightbox_6_cols li {
float: left;
list-style: none outside none;
margin: 0.25%;
padding: 0;
width: 15.8%;
}
.publisher .posts .footer {
background-color: #EEEEEE;
float: left;
font-size: 12px;
margin-bottom: 20px;
padding: 2%;
width: 96%;
}
.publisher .posts .footer .date h3 {
display:inline;
}
.publisher .posts .footer .author h3 {
display:inline;
}
.publisher .posts .footer .comments {
padding: 0 0 7px;
}
.publisher .posts .footer .bookmarklet {
margin: 1% 0;
}
.publisher .posts .footer .tags h3 {
display:inline;
}
.publisher .posts .footer .tags ul {
display:inline;
padding:0;
margin:0;
}
.publisher .posts .footer .tags ul li {
display:inline;
}
.publisher .posts .footer .categories h3 {
display:inline;
}
.publisher .posts .footer .categories ul {
display:inline;
padding:0;
margin:0;
}
.publisher .posts .footer .categories ul li {
display:inline;
}
.publisher .body-pager-links {
float:left;
margin:0;
padding:0;
display:block;
width:100%;
}
.publisher .body-pager-of {
float: left;
line-height: 20px;
text-align: left;
}
.publisher .post_back_link {
text-align:right;
float:right;
}
.publisher .post_back_link a {
background-color: #333333;
clear: right;
color: #FFFFFF;
display: block;
font-size: 13px;
margin: 0% 0;
padding: 1% 2% 1.5%;
width: auto;
}
.publisher .body-pager-links .pager-title {
display:block;
float:left;
width:100%;
margin:0;
padding:0;
}
.publisher .body-pager-links a {
background-color: #333333;
color: #FFFFFF;
float: left;
margin: 1% 1% 0 0;
padding: 0.6% 1%;
}
.publisher .body-pager-links a.current-slice {
background-color:#777777;
}
.publisher .body-related {
float:left;
margin:0;
padding:0;
display:block;
width:100%;
}
.publisher .headerline-listing {
}
.publisher .header.headerline-listing .datetitle, .publisher .header.headerline-listing .author, .publisher .header.headerline-listing .categories {
font-weight:bold;
}
/* Publisher List Component */
.publisherlist {
color: inherit;
text-align: left;
border: 1px solid #CCC;
}
.publisherlist .table-top {
display: block; /* can be hidden with a display: none */
}
.publisherlist .pl_scrollable {
height: auto;
overflow: auto;
}
.publisherlist .pl_item {
padding: 0px;
overflow:visible;
}
.publisherlist .pl_item a {
font-size:12px;
}
.publisherlist .pl_border {
border-bottom: 1px dashed #ccc;
}
.publisherlist .pl_flip {
background-color: #e5e5e5;
}
.publisherlist .pl_about {
color: #999999;
font-size: inherit;
}
.publisherlist .pl_author {
font-size:inherit;
color: #999;
}
.publisherlist .pl_comments {
text-decoration:underline;
font-size:9px !important;
color: #666;
}
.publisherlist .pl_desc {
color: inherit;
}
.publisherlist .pl_img img {
float: left;
margin: 0 2% 2% 0;
max-height: 100%;
max-width: 100%;
width: auto;
}
.publisherlist .pl_viewall {
float: left;
font-size: 9px;
margin: 5px 0 !important;
text-align: left;
width: 100%;
}
.footer-readmore {
float:right;
}
/* Begin: Mailing List */
.Mailing_EmailSubmit, .Mailing_EmailManage {
border: 0 solid #cccccc;
border-radius: 3px;
float: left;
margin: 0 0 2% !important;
padding: 0;
position: relative;
width: auto;
}
#EmailSubmit_Title {
font-size:16px;
font-weight:bold;
line-height:normal;
margin:0 0 12px;
}
#EmailManage_Desc {
font-size: 13px;
margin: 12px 0;
padding: 0;
text-align: left;
}
.frmEmailManage {
margin:0;
padding:0;
position:relative;
}
.frmEmailManage th, .frmEmailManage td {
text-align:left;
line-height:normal;
vertical-align:middle;
}
.frmEmailManage td, .frmEmailManage th {
}
.frmEmailSubmit input, .frmEmailManage input {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #cccccc;
border-radius: 3px;
color: #33383f;
float: left;
margin: 2px auto;
padding: 8px;
text-align: left;
width: auto;
}
.frmEmailSubmit input#email {
margin: 7px 8px 5px 0;
}
.frmEmailSubmit input.button, .Mailing_EmailManage input.button {
background: none no-repeat scroll center center #333333;
border: 0 solid #cccccc;
color: #ffffff;
cursor: pointer;
display: block;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
margin: 7px 0;
padding: 7px 10px;
text-align: center;
text-decoration: none;
width: auto;
}
.frmEmailSubmit input.button:hover, .Mailing_EmailManage input.button:hover {
background: none no-repeat scroll center center #666666;
}
.Mailing_EmailSubmit .errorbox, .Mailing_EmailManage .errorbox {
background-color: #990000;
border: 0 none;
border-radius: 3px;
color: #fff;
font-size: inherit;
font-weight: bold;
margin: 5px 0 12px !important;
padding: 10px;
text-align: left;
}
.Mailing_EmailSubmit .successbox, .Mailing_EmailManage .successbox {
background-color: #76af43;
border: 0 none;
border-radius: 3px;
color: #fff;
font-size: inherit;
font-weight: bold;
margin: 5px 0 12px !important;
padding: 10px;
text-align: left;
}
.frmEmailManage table {
border-top: 2px solid #cccccc;
display: block;
padding: 8px 0 0;
width: 100%;
}
/* Begin: Banners */
.banner {
text-align: center;
}
.banner img {
border: 0;
}
div.banner_background_center_float_div_wrap {
}
img.banner_background_center_float_image {
}
/* End: Banners */
/* Begin: Publisher - Carousel */
/* Layout
***********************/
#container {
padding: 60px 40px 100px;
}
#divFlexSliderMain {
margin-top: 0;
overflow: hidden;
width: 100%;
float:left;
}
aside h3 {
float: left;
}
/* Header
***********************/
header .logo {
display: block;
margin: 10px 0 30px;
}
header h1 {
font-family: Arial, sans-serif;
margin: 0 0 10px;
color: #fff;
}
header h2 {
margin: 0 0 30px;
font: normal 20px Arial, sans-serif;
text-shadow: 0 1px 1px #555;
color: #fff;
}
header .button {
margin: 0 0 50px;
padding: 10px 15px 10px 15px;
position: relative;
}
h3.nav-header {
width: 200px;
margin: 0 0 10px;
padding: 0 0 3px;
font-size: 18px;
text-shadow: 0 1px 1px #555;
color: #fff;
font-family: Arial, sans-serif;
border-bottom: 1px solid #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
nav li {
margin: 0 0 7px;
font-size: 15px;
}
nav li a:hover, nav li.active a {
border-bottom: 1px dotted #fff;
border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
background: none;
}
nav li.active a {
cursor: default;
}
/* Media Queries
***********************/
@media screen and (max-width: 960px) {
#container {
padding: 35px;
}
header {
width: 380px;
}
#divFlexSliderMain {
margin-left: 0px;
}
aside h3 {
float: none;
font-size: 20px;
}
.toggle {
margin-left: 0;
float: none;
}
}
@media screen and (max-width: 768px) {
#container {
padding: 0px 0px;
}
header {
width: 100%;
float: none;
text-align: left;
}
header img {
width:100%;
}
header h1 {
margin: 0 auto 10px;
font-size: 32px;
}
header h2 {
font-size: 16px;
}
header .button {
margin-bottom: 28px;
}
#divFlexSliderMain {
margin-left: 0;
}
h3.nav-header {
margin: 0 auto 10px;
font-size: 16px;
}
nav {
position: relative;
min-height: 46px;
margin-bottom: 20px;
width: 100%;
}
nav ul {
width: 260px;
padding: 0;
position: absolute;
left: 50%;
margin-left: -130px;
top: 0;
z-index: 9999;
border: 1px solid #1e5486;
background: #255a8c;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2), inset 0 0 2px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2), inset 0 0 2px 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2), inset 0 0 2px 0 rgba(255, 255, 255, 0.2);
}
nav li {
display: none; /* hide all items */
margin: 0;
}
nav li a {
border: none!important;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
nav li a:hover {
text-decoration: underline;
}
nav .active {
display: block; /* show only current item */
}
nav a {
display: block;
padding: 10px 20px;
text-align: center;
font-size: 12px;
}
nav .active a {
background: none;
color: #fff;
position: relative;
}
nav .active a:after {
font-family: flexslider-icon;
font-size: 13px;
position: absolute;
right: 10px;
top: 10px;
}
/* on nav hover */
nav ul:hover {
background: #32679a;
}
nav ul:hover li {
display: block;
margin: 0 0 5px;
}
nav ul:hover .active {
border: 1px solid #1e5486!important;
background: #255a8c;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
nav ul:hover .active a:after {
display: none;
}
}
/* End: Publisher - Carousel */
/* Begin: jQuery FlexSlider v2.2.0
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*/
/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
/* Icon Fonts
*********************************/
/* Font-face Icons -- Get rid of the fonts */
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
width: auto;
display: block;
max-width:100%;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
margin: 0 0 20px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
-o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
zoom: 1;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider .slides {
zoom: 1;
}
.carousel li {
margin-right: 5px;
}
/* Direction Nav */
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
display: block;
width: 40px;
height: 40px;
margin: 0px 0 0;
position: absolute;
top: 35%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter:alpha(opacity=0);
cursor: default;
}
.flex-direction-nav a:before {
font-family: "Arial, sans-serif";
font-size: 40px;
display: inline-block;
content: '<';
color:#ffffff;
font-weight:bold;
}
.flex-direction-nav a.flex-next:before {
content: '>';
color:#ffffff;
font-weight:bold;
}
/* Pause/Play */
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "Arial, sans-serif";
font-size: 20px;
display: inline-block;
content: '<';
color:#ffffff;
font-weight:bold;
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '<';
color:#ffffff;
font-weight:bold;
}
/* Control Nav */
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
float: left;
margin: 0.3% 0 0;
max-width: 20%;
width: 100%;
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: 1;
cursor: pointer;
}
.flex-control-thumbs img:hover {
opacity: .7;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
/* End: jQuery FlexSlider v2.2.0 */
/* Begin: photoswipe
* Copyright (c) %%year%% by Code Computerlove (http://www.codecomputerlove.com)
* Licensed under the MIT license
*
* Default styles for PhotoSwipe
* Avoid any position or dimension based styles
* where possible, unless specified already here.
* The gallery automatically works out gallery item
* positions etc.
*/
.clsPSWGallery {
list-style: none;
padding: 0;
margin: 0;
}
.clsPSWGallery:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clsPSWGallery li {
float: left;
width: 33.33333333%;
list-style:none outside none;
}
.clsPSWGallery li a {
display: block;
margin: 5px;
border: 0px solid #3c3c3c;
}
.clsPSWGallery li img {
display: block;
width: 100%;
height: auto;
}
body.ps-active, body.ps-building, div.ps-active, div.ps-building {
background: #000;
overflow: hidden;
}
body.ps-active *, div.ps-active * {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
display: none;
}
body.ps-active *:focus, div.ps-active *:focus {
outline: 0;
}
/* Document overlay */
div.ps-document-overlay {
background: #000;
}
/* UILayer */
div.ps-uilayer {
background: #000;
cursor: pointer;
}
/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate {
background: #000;
}
div.ps-zoom-pan-rotate * {
display: block;
}
/* Carousel */
div.ps-carousel-item-loading {
background: url(../images/photoswipe-loader.gif) no-repeat center center;
}
div.ps-carousel-item-error {
background: url(../images/photoswipe-error.gif) no-repeat center center;
}
/* Caption */
div.ps-caption {
background: #000000;
background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303130), color-stop(100%, #000101));
border-bottom: 1px solid #42403f;
color: #ffffff;
font-size: 13px;
font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
text-align: center;
}
div.ps-caption * {
display: inline;
}
div.ps-caption-bottom {
border-top: 1px solid #42403f;
border-bottom: none;
min-height: 44px;
}
div.ps-caption-content {
padding: 13px;
display: block;
}
/* Toolbar */
div.ps-toolbar {
background: #000000;
background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303130), color-stop(100%, #000101));
border-top: 1px solid #42403f;
color: #ffffff;
font-size: 13px;
font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
text-align: center;
height: 44px;
display: table;
table-layout: fixed;
}
div.ps-toolbar * {
display: block;
}
div.ps-toolbar-top {
border-bottom: 1px solid #42403f;
border-top: none;
}
div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play {
cursor: pointer;
display: table-cell;
}
div.ps-toolbar div div.ps-toolbar-content {
width: 44px;
height: 44px;
margin: 0 auto 0;
background-image: url(../images/photoswipe-icons.png);
background-repeat: no-repeat;
}
div.ps-toolbar-close div.ps-toolbar-content {
background-position: 0 0;
}
div.ps-toolbar-previous div.ps-toolbar-content {
background-position: -44px 0;
}
div.ps-toolbar-previous-disabled div.ps-toolbar-content {
background-position: -44px -44px;
}
div.ps-toolbar-next div.ps-toolbar-content {
background-position: -132px 0;
}
div.ps-toolbar-next-disabled div.ps-toolbar-content {
background-position: -132px -44px;
}
div.ps-toolbar-play div.ps-toolbar-content {
background-position: -88px 0;
}
/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
div.ps-toolbar div div.ps-toolbar-content {
-moz-background-size: 176px 88px;
-o-background-size: 176px 88px;
-webkit-background-size: 176px 88px;
background-size: 176px 88px;
background-image: url(../images/photoswipe-icons2x.png);
}
}
/* End: photoswipe */
/*
* jQuery Nivo Slider v3.2
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
background:white;
filter:alpha(opacity=0);
opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img {
display:block;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=8);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.nivo-caption h2 {
color:#ffffff;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
.nivoCaptionReadMore {
margin:0;
padding:0;
}
.nivoCaptionReadMore a {
color:#ffffff;
text-align:left;
margin:0;
padding:0;
}
.theme-default .nivoSlider, .theme-dark .nivoSlider, .theme-light .nivoSlider, .theme-bar .nivoSlider {
background: none !important;
box-shadow: 0 0px 0px 0 #4A4A4A !important;
}
.theme-default .nivoSlider img, .theme-dark .nivoSlider img, .theme-light .nivoSlider img, .theme-bar .nivoSlider img {
display: none;
left: 0;
position: absolute;
top: 0;
width: auto;
}
.theme-dark .nivo-controlNav {
padding: 0 0 0 2% !important;
}
.theme-bar.slider-wrapper {
border: none !important;
}
.theme-bar .nivo-directionNav a {
padding:10px 0 0 !important;
bottom: -4px !important;
}
/*********** END: The Nivo Slider styles ********************/
/*********** Begin: SlickNav ********************/
#menu_cssmulti .slicknav_menu, .slicknav_menu {
display: none;
}
.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
padding: 0.438em 0.625em 0.438em 0.625em;
line-height: 1.125em;
cursor: pointer;
}
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left;
}
.slicknav_menu .slicknav_icon {
float: left;
margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_no-text {
margin: 0
}
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: 0.125em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em
}
.slicknav_nav {
clear: both
}
.slicknav_nav ul, .slicknav_nav li {
display: block;
padding:4px 0;
}
.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
margin: 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item {
display: block;
cursor: pointer;
}
/*Messed with neighbouring spans in publisher cat widget: .slicknav_nav a { display: block } */
.slicknav_nav .slicknav_item a {
display: inline
}
.slicknav_menu:before, .slicknav_menu:after {
content: " ";
display: table;
}
.slicknav_menu:after {
clear: both
}
/* IE6/7 support */
.slicknav_menu {
*zoom: 1
}
/*
User Default Style
Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
font-size:16px;
}
/* Button */
.slicknav_btn {
margin: 5px 5px 6px;
text-decoration:none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #222222;
}
/* Button Text */
.slicknav_menu .slicknav_menutxt {
color: #FFF;
font-weight: bold;
text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
background-color: #f5f5f5;
}
.slicknav_menu {
background:#4c4c4c;
padding:5px;
}
.slicknav_nav {
color:#fff;
margin:0;
padding:0;
font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
list-style: none;
overflow:hidden;
}
.slicknav_nav ul {
margin: 0 0 14px 20px;
padding: 0;
}
.slicknav_nav .slicknav_item {
padding:5px 10px;
margin:2px 5px;
}
.slicknav_nav a {
padding:5px 10px;
margin:2px 5px;
text-decoration:none;
color:#ffffff !important;
}
.slicknav_nav .slicknav_item a {
padding:0;
margin:0;
}
.slicknav_nav .slicknav_item:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#ccc;
color:#fff;
}
.slicknav_nav a:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#ccc;
color:#222;
}
.slicknav_nav .slicknav_txtnode {
margin-left:15px;
}
/*********** End: SlickNav ********************/
/* CSS For Responsive/Divs Starts*/
#container {
width:100%;
max-width:960px;
margin:0px auto;
padding:0;
}
.row {
clear: both;
display: table;
float: left;
margin: 0 auto 0px;
max-width: 100%;
padding: 0 0 0px;
width: 100%;
}
.row-inner {
float:left;
margin:0 auto;
padding:0;
width:100%;
max-width:960px;
}
.row-inner div:first-child {
margin-left:0%;
}
.row-inner div:last-child {
margin-right:0%;
}
.row-inner .row-inner-col-width-100 {
background:none;
border-radius: 0;
float: left;
margin-left: 0%;
padding: 0%;
width: 100%;
}
.row-inner .row-inner-col-width-50 {
background:none;
border-radius: 0;
float: left;
margin:0 0 0 0;
padding: 0%;
width: 50%;
}
.row-inner .row-inner-col-width-33 {
background:none;
border-radius: 0;
float: left;
margin:0 0 0 0;
padding: 0%;
width: 33%;
}
.row-inner .row-inner-col-width-66 {
background:none;
border-radius: 0;
float: left;
margin:0 0 0 0;
padding: 0%;
width: 66%;
}
.row-inner .row-inner-col-width-25 {
background:none;
border-radius: 0;
float: left;
margin:0 0 0 0;
padding: 0%;
width: 25%;
}
.row-inner .row-inner-col-width-75 {
background:none;
border-radius: 0;
float: left;
margin:0 0 0 0;
padding: 0%;
width: 75%;
}
/* CSS for Responsive/Divs Ends */
/* Additional CSS for menu_cssmulti - makes it responsive friendly */
#menu_cssmulti_selectlist {
display:none;
}
#slicknav_menu {
display:none;
}
/* end new menu css */
/* Nov 18 2014 CSS updates */
.comp-list, .medialibrarylist {
border: medium none;
color: inherit;
float: left;
height: auto;
margin: 0 0 20px !important;
max-width: 100%;
padding: 0;
width: 100%;
}
.comp-list .scrollable, .medialibrarylist .md_scrollable {
height:auto;
float:left;
margin:0;
padding:0;
}
.comp-list .border, .comp-list .flip, comp-list .pl_item, .medialibrarylist .md_border, .medialibrarylist .md_flip {
float:left;
width:100%;
margin:0 0 12px;
background:none transparent;
color:inherit;
padding:0 0 12px;
border-bottom:1px solid #cccccc;
}
.medialibrarylist .md_border, .medialibrarylist .md_flip {
padding:0 0 0px;
}
.comp-list .el_title a, .comp-list .ll_title a, .comp-list .vl_name a, .comp-list .pl_item a {
font-size:15px;
font-weight:bold;
color:#000000;
margin:0 0 10px;
padding:0;
}
.comp-list .vl_name a {
font-weight:normal;
}
.comp-list .ll_arrow {
display:none;
}
.comp-list .desc, .medialibrarylist .md_details {
font-size:inherit;
color:inherit;
line-height:normal;
}
.comp-list a.pl_list_readmore_ahref {
font-size:inherit;
}
/* Large desktop */
@media (min-width: 1200px) {
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 959px) {
#container {
width:100%;
max-width:959px;
margin:0px auto;
}
.row {
margin: 0 0%;
max-width: 100%;
padding: 0 0 0%;
width: 100%;
}
.row-inner {
float:left;
margin:0 0;
padding:0;
width:100%;
}
.row-inner .row-inner-col-width-100 {
width: 100%;
}
.row-inner .row-inner-col-width-50 {
float: left;
width: 50%;
}
.row-inner .row-inner-col-width-33 {
float: left;
margin: 0%;
padding: 0%;
width: 33%;
}
.row-inner .row-inner-col-width-66 {
float: left;
margin: 0%;
padding: 0%;
width: 66%;
}
.row-inner .row-inner-col-width-75 {
float: left;
margin: 0%;
padding: 0%;
width: 75%;
}
.row-inner .row-inner-col-width-25 {
float: left;
margin: 0%;
padding: 0%;
width: 25%;
}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#container {
width:100%;
max-width:767px;
margin:0px auto;
}
.row {
margin: 0 0%;
max-width: 767px;
padding: 0 0 0%;
width: 100%;
}
.row-inner {
float:left;
margin:0 0;
padding:0;
width:100%;
}
.row-inner .row-inner-col-width-100 {
width: 100%;
}
.row-inner .row-inner-col-width-50 {
float: left;
width: 50%;
}
.row-inner .row-inner-col-width-33 {
float: left;
margin: 0 0 0 0;
padding: 0%;
width: 33%;
}
.row-inner .row-inner-col-width-66 {
float: left;
margin: 0 0 0 0;
padding: 0%;
width: 66%;
}
.row-inner .row-inner-col-width-75 {
float: left;
margin: 0 0 0 0;
padding: 0%;
width: 100%;
}
.row-inner .row-inner-col-width-25 {
float: left;
margin: 0%;
padding:0%;
width: 100%;
}
#menu_cssmulti {
display: table;
float: left;
margin: 0;
width: 100%;
}
}
/* Landscape phones and down */
@media (max-width: 480px) {
#container {
width:100%;
max-width:480px;
margin:0px auto;
}
#menu_cssmulti {
width: 100%;
height:auto;
display:none;
}
.slicknav_menu {
display: block;
}
#menu_cssmulti ul.menu_list {
display:none;
}
/* publisher cat list*/
.publisherwidget-categories {
display:none;
}
select {
background-color:#ffffff;
}
#menu_cssmulti_selectlist {
display:block;
padding:0%;
margin:0 auto;
text-align:center;
font-size:100%;
font-weight:bold;
}
option.menu_cssmulti_selectlist_parent {
text-align:left;
margin:0 0 0 0%;
padding:2% 2% 2% 2%;
font-weight:bold;
}
option.menu_cssmulti_selectlist_child.menu_cssmulti_selectlist_child_1 {
text-align:left;
margin:2% 0 0 5%;
padding:0 0 1%;
font-weight:normal;
}
option.menu_cssmulti_selectlist_child.menu_cssmulti_selectlist_child_2 {
text-align:left;
margin:0 0 0 10%;
padding:0 0 2% 0;
font-weight:normal;
}
option.menu_cssmulti_selectlist_child.menu_cssmulti_selectlist_child_3 {
text-align:left;
margin:0 0 0 15%;
padding:0% 0 2% 0;
font-weight:normal;
}
option.menu_cssmulti_selectlist_child.menu_cssmulti_selectlist_child_4 {
text-align:left;
margin:0 0 0 20%;
font-weight:normal;
}
option.menu_cssmulti_selectlist_child.menu_cssmulti_selectlist_child_6 {
text-align:left;
margin:0 0 0 25%;
font-weight:normal;
}
option.menu_cssmulti_selectlist_child.menu_cssmulti_selectlist_child_1:before {
content:"- ";
}
option.menu_cssmulti_selectlist_child.menu_cssmulti_selectlist_child_2:before {
content:"-- ";
}
option.menu_cssmulti_selectlist_child.menu_cssmulti_selectlist_child_3:before {
content:"--- ";
}
.row-inner .row-inner-col-width-100 {
float: left;
margin: 0%;
padding: 0%;
width: 100%;
}
.row-inner .row-inner-col-width-50 {
float: left;
margin: 0%;
padding: 0%;
width: 100%;
}
.row-inner .row-inner-col-width-66 {
float: left;
margin: 0 0 0 0;
padding: 0%;
width: 100%;
}
.row-inner .row-inner-col-width-33 {
float: left;
margin: 0 0 0 0;
padding: 0%;
width: 100%;
}
.row-inner .row-inner-col-width-75 {
float: left;
margin: 0 0 0 0;
padding: 0%;
width: 100%;
}
.row-inner .row-inner-col-width-25 {
float: left;
margin: 0 0 0 0;
padding: 0%;
width: 100%;
}
/*.languageselector, .fontresizer {
display:none;
}*/
.loginform {
padding: 0;
}
.li_VideoDisplay_Video {
float: left;
margin: 0;
max-width: 100%;
padding: 0 2% !important;
width: 96%;
}
.li_VideoDisplay_Video .noticebox {
margin: 6px 0 5% !important;
}
.li_VideoDisplay_List {
float: left;
margin: 0 0 0 0 !important;
max-width: 100%;
padding: 0 2% !important;
width: 96%;
}
}