/* reset */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }
ul { list-style: none; }
fieldset, img { border: none; }
caption, th { text-align: left; }
table { border-spacing: 0; }
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {border: 1px;}
/* reset end */
/* classic html tags */
body {font-size: 82%; font-family: helvetica, sans-serif; background-color: #FFF8E1; margin-bottom: 10px;}
p, ul, ol, td, form {margin-bottom: 16px; line-height: 120%; color: #000;}
ul {list-style: disc; margin-left: 22px;}
ol {margin-left: 22px;}
a {text-decoration: none; color: #AF1D00}
a:visited {color: #CF6540}
a:hover {text-decoration: underline}
.clear {clear: both;}
.left {float:left}
.right {float: right}
.red {color: red;}
strong, b {font-weight: bold;}
p.align-right {text-align: right}
p.align-center {text-align: center}
p.align-justify {text-align: justify}
/* classic html tags end */
/* container placement */
.pagewidth {width: 1000px; margin: auto}
.headtools_cont {}
.header_cont { background: url(../img/head_bg.png) no-repeat bottom; clear: both; }
.content_cont { background: url(../img/body_bg.png) repeat-y center top; clear: both; }
.leftwide_cont {background-color: #fff; width: 695px; float: left; margin-left: 25px; margin-right: 11px;}
.fce_left_cont {width: 340px; float: left; }
.fce_middle_cont {float: right; width: 340px; }
.fce_wideleft_cont {width: 410px; float: left;}
.fce_narrowmiddle_cont {width: 250px; float: right;}
.right_cont {float: right; width: 250px; padding-right: 18px; }
.footer_cont {clear: both; background: url(../img/bottom_bg.png) no-repeat top; clear: both;}
/* container placement end */
/* header elements */
#FULLWIDTHBANNER .csc-default {margin-bottom: 6px; margin-left: 12px;}
#LOGO {width: 228px; margin-left: 12px; margin-right: 24px; float: left; padding-bottom: 6px;}
#HEADBANNER {float: left; margin-top: 6px; }
#HEADBANNER object {margin: 0; padding: 0;}
#HEADBANNER embed {margin: 0 0 -4px 0;}
@media all and (resolution = 0dpi) {
:root #HEADBANNER embed {margin: 0;}
}
/* header elements end */
/* menus */
#TMENU {float: left; margin-top: 10px; width: 700px;}
ul.tmenu {margin: 0px; padding: 0px; list-style: none;}
ul.tmenu li { font-size: 92%; background: url(../img/tmenu_gl.png) no-repeat; float: left; margin-right: 1px;}
ul.tmenu li a {text-shadow: #444 0 1px; height: 26px; line-height: 28px; color: #fff;padding-left: 16px; padding-right: 16px; background: url(../img/tmenu_gr.png) no-repeat right; display: block; float: left;}
ul.tmenu li.tmenuact {background: url(../img/tmenu_dl.png) no-repeat; float: left; margin-right: 1px;}
ul.tmenu li.tmenuact a {text-shadow: #000 0 1px; height: 26px; line-height: 28px; color: #fff;padding-left: 16px; padding-right: 16px; background: url(../img/tmenu_dr.png) no-repeat right; display: block; float: left;}
ul.tmenu li a:hover {text-shadow: none;}
#TMENUSUB {margin-left: -80px; float: left; margin-top: 8px; width: 780px;}
ul.tmenusub {margin: 0px; padding: 0px; list-style: none; text-shadow: #000 0 1px; }
ul.tmenusub li {font-size: 92%; float: left; margin-right: 22px;}
ul.tmenusub li a {color: #BDD868; font-size: 96%;}
ul.tmenusub li a:hover {text-shadow: none;}
ul.tmenusub li.tmenusubact a {color: #fff}
/* menus */
/* content elements */
h1 {font-size: 200%; margin-bottom: 8px; margin-top: 20px;}
h2 { margin-top: 24px; margin-bottom: 12px; font-size: 140%; }
h3 {padding: 0px; margin: 0px; margin-top: 24px; margin-bottom: 12px; font-size: 120%; clear: both;}
h4 {padding: 0px; margin: 0px; margin-top: 24px; margin-bottom: 12px; font-size: 100%; clear: both;}
.leftwide_cont table {border-spacing: 2px;}
.leftwide_cont th {background-color: #ccc; padding: 3px; padding-left: 5px; padding-right: 5px; margin: 2px}
.leftwide_cont td {background-color: #efefef; padding: 3px; padding-left: 5px; padding-right: 5px; margin: 2px}
.leftwide_cont label {width: 100px; float: left;}
.leftwide_cont input, #CONTENT select, #CONTENT textarea {border: 1px solid #aaa;}
.leftwide_cont input:focus, #CONTENT select:focus, #CONTENT textarea:focus {border: 1px solid black;}
.leftwide_cont .csc-mailform-submit {margin-left: 100px;}
.leftwide_cont .csc-mailform-field {margin-bottom: 2px;}
.plainpage .leftwide_cont p { margin-bottom: 16px; }
/* content headers end */
/* RIGHT */
.right_cont {font-size: 90%;}
.right_cont .csc-default {padding-left: 16px; margin-bottom: 30px; background: url(../img/right_h2_bg.png) no-repeat; }
.right_cont h2 {padding: 0px; margin: 0px; font-size: 110%; font-weight: bold; line-height: 100%; padding-top: 2px; padding-bottom: 12px; margin-bottom: 16px; }
.right_cont .banner {margin-bottom: 4px;}
.right_cont p {font-size: 100%; margin-bottom: 12px; }
#SEARCHBOX {margin-left: 16px; margin-bottom: 12px;}
.right_cont #c144 { background: none; margin: 0; }
.right_cont #c145 { background: none; margin: 0px 0 20px 0; }
/* RIGHT end */
/* footer elements */
#FOOTER {text-align: left; clear: both; padding-top: 20px; padding-bottom: 20px; margin-left: 40px; width: 933px; }
#FOOTER p, #COPY p { color: #eee; font-size: 90%;}
#FOOTER a {color: #BDD868}
#FOOTER #ADDRESS { float: left; width: 600px; }
#FOOTER #LINK { float: right; }
#FOOTER #LINK img { margin: 0; padding: 0; }
#COPY {display: none; float: right; }
/* footer elements end */
/* images */
.csc-textpic-caption {font-size: 80%; padding-top: 3px;}
/* images end */
/* tt_news */
.news-latest-item-BIGIMG img {margin-bottom: 8px;}
.news-latest-item-BIGIMG {float: left; margin-bottom: 30px;}
.news-latest-item-BIGIMG h2 {padding: 0px; margin: 0px; font-size: 140%; line-height: 108%; margin-bottom: 6px;}
.news-latest-item-BIGIMG p {color: #444; margin: 0px; padding: 0px; font-size: 100%; line-height: 108%;}
.news-latest-item-SMALLIMG {float: left; margin-bottom: 20px;}
.news-latest-item-SMALLIMG img {float: left; margin-right: 8px; margin-top: 1px;}
.news-latest-item-SMALLIMG h2 {margin: 0px; padding: 0px; font-weight: bold; width: 200px; font-size: 100%; line-height: 112%; float: left; }
.news-latest-item-SMALLIMG p { color: #444; font-size: 100%; width: 200px; line-height: 108%; float: left;}
.news-latest-item-VIDEO { background-color: #323024;}
.news-latest-item-VIDEO h2 {font-size: 110%; padding: 0 0 6px 0; margin: 6px 10px 20px 10px; color: #fff; }
.news-list-item-VIDEO h2 {font-size: 110%; padding: 0 0 6px 0; margin: 6px 10px 20px 0; }
.news-list-image-IMG {float: left; margin-right: 12px; margin-bottom: 20px; }
.news-list-item-IMG { clear: both; margin-bottom: 12px;}
.news-list-browse-IMG {clear: both; margin-top: 20px;}
.news-list-date {color: #666;}
.news-single-item {}
.fce_wideleft_cont h2 { font-weight: bold; margin: 0px; padding: 0px; margin-bottom: 16px; font-size: 120%; line-height: 120%;}
.fce_wideleft_cont p {margin-bottom: 16px; font-size: 110%; line-height: 120%; color: #000;}
.news-single-author {text-align: left; color: #666; margin-bottom: 22px; margin-top: 1px; font-size: 100%; width: 100%;}
.news-single-author img { vertical-align: middle; float: right; margin-top:-1px;}
.rgsgcontent {margin-bottom: 16px; }
.news-single-img { float: left; padding: 0 20px 0 0; }
p.news-single-imgcaption {padding-top: 4px; font-size: 90%; color: #555;}
.news-single-additional-info { padding-top: 18px;}
.news-single-additional-info li {color: #777;}
p.news-single-addinfo-header { color: #333; margin-bottom: 6px;}
.share {margin-bottom: 12px; text-align: right;}
.news-list-browse {margin-top: 12px; padding-bottom: 12px;}
/* tt_news end */
/* google search API */
#SEARCHBOX input {font-size: 104%; }
#queryContainer{margin-bottom:2em;width: 80%;margin-left:auto;margin-right:auto;}
#query{border:1px solid silver;width: 100%;}
#searchcontrol {width:80%;margin-left:auto;margin-right:auto;text-align:left;}
body .gsc-control { width: 100%; }
body table td.gsc-twiddleRegionCell, body table td.gsc-configLabelCell { color: #000; background-color: #fff;}
body table td.gsc-twiddleRegionCell .gsc-title {font-size: 200%; color: #000; background: none; padding-left: 20px;}
body .gs-result .gs-visibleUrl .gs-visibleUrl-long {display: block;}
body .gsc-back {background-color: #fff;}
body .gs-result .gs-title {margin-top: 16px;}
body .gs-result .gs-title, .gs-result .gs-title a, .gs-result .gs-title a b {font-size: 103%; line-height: 112%; font-family: helvetica, sans-serif; color: #AF1D00; text-decoration: none;}
body .gs-result .gs-title a:hover, .gs-result .gs-title a:hover b {text-decoration: underline;}
body .gs-result { line-height: 108%; color: #555; }
body .gs-result b { line-height: 108%; color: #333; }
body .gs-result .gs-visibleUrl { display: none; }
body .gs-result .gs-visibleUrl .gs-visibleUrl-long { display: block; }
body .gsc-expansionArea .gsc-cursor-box { margin-bottom: 30px; }
/* google search API end */
/* POLL */
.tx-jkpoll-pi1 input { margin-bottom: 6px; }
.tx-jkpoll-pi1 div p {margin-bottom: 2px; color #666;}
.jk_poll_result {padding-bottom: 6px;}
.jk_poll_result img {margin-top: 2px;}
/* POLL end */
/* CAL */
.tx-cal-controller .dateCont { clear: both; width: 38px; height: 44px; float: left; background: url(../img/dateBack.gif) no-repeat left top; text-align: center; color: #FFF; }
.tx-cal-controller .dayDate { padding: 9px 0 0 4px; margin: 0; font-size: 150%; line-height: 15px; }
.tx-cal-controller .eventCont { width: 175px; float: left; padding: 4px 0 0 11px; }
.tx-cal-controller .objectCont { clear: both; float: left; padding: 0 0 6px 0; }
*:first-child+html .tx-cal-controller .objectCont { padding: 0; }
.cal-single-date { width: 300px; margin: 0 0 6px 0; float: left; font-size: 130%; line-height: 15px; }
.cal-single-addthis_button {float: right;}
.cal-single-time {clear: both;}
.cal-single-details {color: #555; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px dashed #ccc;}
/* CAL end */
/* FCE */
.fce_narrowmiddle_cont { padding-top: 22px; }
.fce_narrowmiddle_cont h2 { font-size: 100%; margin-bottom: 8px; margin-top: 20px; }
.leftwide_cont .fce_narrowmiddle_cont ul { margin-left: 14px; }
.fce_narrowmiddle_cont p {padding-bottom: 12px;}
.fce_wideleft_cont h1 {font-size: 190%; margin-bottom: 8px; margin-top: 20px;}
/* FCE end */
/* pm_tour */
.pm_tour_single_info table {margin-bottom: 12px;}
.pm_tour_single_info td, table#tours td, .pm_tours-table td {background-color: #fff;}
table#tours td {text-align: center;}
table#tours td#tours {text-align: left;}
.pm_tour_single_info td p {padding: 0px; margin-bottom: 14px;}
.column2 {text-align: right;}
.column3 {text-align: left;}
.tour_video {margin-bottom: 20px; float: right; font-size: 11px;}
.tour_images a {text-decoration: none;}
/* feuserregister */
.userregister {}
.userregister .clearer {clear: both; width: 100%; height: 8px; }
.userregister label {width: 160px;}
.userregister input {float: left; height: 20px; margin-bottom: 2px; }
.userregister-password input {width: 100px;}
.userregister .error {float: left; font-size: 12px;}
.userregister. userregister-dateofbirth .error {margin-left: 160px;}
p.tx-srfeuserregister-pi1-trash {clear: both; font-size: 12px; padding-top: 18px;}
#tx-srfeuserregister-pi1-fe_users_form input.tx-srfeuserregister-pi1-password {margin-right: 400;}
/* end */
/* felogin */
.tx-felogin-pi1-hide {display: none;}
.tx-felogin-pi1 form {margin: 0px; padding: 0px; margin-bottom: 6px;}
.tx-felogin-pi1 legend {display: none;}
.tx-felogin-pi1 label {width: 52px; float: left; margin-top: 2px; padding-top: 2px;}
.tx-felogin-pi1 input {
border: none;
padding: 0px;
width: 171px;
float: left;
height: 23px;
background: url(../img/login_input_no.png) no-repeat;
background-color: #E9E9EA;
padding-left: 4px;
}
.tx-felogin-pi1 input.right-text-input:hover {background: url(../img/login_input_act.png) no-repeat;}
.tx-felogin-pi1 input.right-text-input:focus {background: url(../img/login_input_no.png) no-repeat;}
.tx-felogin-pi1 input#user {margin-bottom: 4px;}
.tx-felogin-pi1 .light {color: #666;}
.tx-felogin-pi1-button-div, #tx-srfeuserregister-pi1-fe_users_form .tx-felogin-pi1-button-div {
margin-top: 6px;
background: url(../img/button_l_green.png) no-repeat;
float: left;
width: auto;
margin-left: 52px;
}
.userregister .tx-felogin-pi1-button-div { margin-left: 0px; }
#tx-srfeuserregister-pi1-fe_users_form .tx-felogin-pi1-button-div {
margin-left: 0px;
margin-right: 12px;
}
.tx-srfeuserregister-pi1-error {font-size: 13px;}
input.tx-felogin-pi1-button, #tx-srfeuserregister-pi1-fe_users_form input.tx-felogin-pi1-button {
font-size: 13px;
line-height: 13px;
width: auto;
margin-left: 2px;
padding-left: 10px; padding-right: 12px;
height: 28px;
background: url(../img/button_r_green.png) no-repeat right;
border: 0px;
color: #fff;
cursor: pointer;
text-shadow: #444 0 1px;
}
.tx-felogin-pi1 input.tx-felogin-pi1-button:hover {text-shadow: none;}
.tx-facebook2t3-pi1 {float: left; margin-top: 12px;}
p.useFacebook {float: left; margin: 0px; padding: 0px;}
.forgotPassword {margin-left: 52px;}
p.user-registration-link {
padding: 0px;
margin: 0px;
float: left;
margin-top: 6px;
margin-left: 52px;
background: url(../img/button_l_orange.png) no-repeat;
}
p.user-registration-link a {
margin: 0px; padding: 0px;
margin-bottom: 18px;
display: block;
height: 37px;
font-size: 15px;
line-height: 15px;
margin-left: 3px;
background: url(../img/button_r_orange.png) no-repeat right top;
color: #fff;
text-align: center;
padding-top: 10px;
width: 173px;
text-decoration: none;
}
/* SPORTSLOG */
.error {color: red; border: none; font-weight: normal;}
hr.separator {display: none;}
/* sportslog form */
#sportslog_entry_formbox {
float: left;
background: url(../img/sportFormBg.png) no-repeat 0px 9px;
padding-left: 12px;
color: #828282;
width: 100%;
}
.sportsLogFormItem, .healthLogFormItem {
padding: 5px;
padding-top: 0px;
float: left;
height: 63px;
width: 150px;
}
.sportsLogFormItem.weight {width: 80px;}
.sportsLogFormItem.date, .sportsLogFormItem.duration {margin-right: 20px; margin-left: 20px; ;}
.healthLogFormItem {
width: 158px;
}
.sportslog_entry_formbox {display: none;}
#tx_ameosformidable_modalboxbox {width: 660px !important; background-color: #fff !important;}
.sportscatstripbtn { border-radius: 4px; -moz-border-radius: 4px; float: left; margin: 6px; border: 1px solid #ddd; width: 96px; text-align: center; padding-top: 4px; padding-bottom: 4px;}
.sportscatstripbtn:hover {background-color: #D3F27D;}
.sportscatstripbtn .sportscatstripbtntitle {text-align: center;}
.sportscatbtn {margin-top: 0px; background-color: #B9F235; float: left;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 3px;
padding-right: 12px;
margin-top: -4px;
}
.sportscatbtnimg {float: left; margin-right: 6px;}
.sportscatbtnimg img {width: 34px; height: 34px;}
.sportscatbtntitle {float: left; padding-top: 8px; font-size: 13px; color: #323024; color: #000; }
.sportscatbtntitle span.showMuu {display: none}
.sportsLogFormItem label, .healthLogFormItem label {
display: inline-block;
color: #fff;
float: none;
width: auto;
font-size: 12px;
line-height: 12px;
padding: 4px;
padding-left: 14px;
padding-right: 14px;
margin-bottom: 8px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #323024;
}
.sportsLogFormItem input, .healthLogFormItem input {
border: none;
background: url(../img/form-number-input.png) no-repeat;
line-height: 30px;
height: 30px;
width: 44px;
text-align: center;
display: block;
clear: left;
}
.tx-bsportsandhealth-pi1 input:focus { border: none; font-size: 14px;}
.sportsLogFormItem.date label, .healthLogFormItem.date label {margin-left: -29px; }
.sportsLogFormItem.date img, .healthLogFormItem.date img {display: block; float: left; width: auto; margin-top: 30px; }
span#showspan_sportslog_entry_date, span#showspan_healthlog_entry_date {display: inline-block; float: left; margin-top: 9px; margin-left: 6px; width: 100px; color: #262626;}
.sportsInputComment , .healthInputComment {display: inline-block; float: left; margin-left: 50px; margin-top: -22px;}
#sportslog_entry_sportlink16 {display: none;}
.sportsLogFormSubmit, .healthLogFormSubmit {
clear: both;
float: right;
margin-right: 18px;
margin-top: 6px;
}
.sportsLogFormSubmit input, .healthLogFormSubmit input {
background: url(../img/sportsFormSubmit.png) no-repeat;
height: 28px;
width: 145px;
font-size: 13px;
color: #fff;
border: none;
text-shadow: #444 0 1px;
}
.sportsLogFormSubmit input:hover, .healthLogFormSubmit input:hover {cursor: pointer; text-shadow: none}
#weightgraph_weightgraph, #bodymassindexgraph_bodymassgraph, #weightgraph_durationgraph {float: left; background: url(../img/sportsFormsGraphBg.png) no-repeat; height: 220px; width: 100%;}
#weightgraph_weightgraph img, #bodymassindexgraph_bodymassgraph img, #weightgraph_durationgraph img {margin-left: 7px; margin-top: 7px; border: 1px solid #E8E5E5; background-color: #fff; padding-top: 7px; }
#weightgraph_periodlinks, #bodymassindexgraph_periodlinks {clear: both; margin-left: 10px; padding-top: 12px;}
#changegraph_periodlinks {clear: both; }
a.graphperiodlnk, a.graphperiodlnkact {
display: block;
float: left;
margin-right: 4px;
color: #fff;
font-size: 12px; line-height: 12px;
background: url(../img/sportsFormsPeriodBg.png) no-repeat top;
width: 68px;
height: 22px;
text-align: center;
padding-top: 5px;
text-shadow: #444 0 1px;
}
a.graphperiodlnk:hover {text-decoration: none; text-shadow: none; background: url(../img/sportsFormsPeriodBg.png) no-repeat top; }
a.graphperiodlnkact {background: url(../img/sportsFormsPeriodBgAct.png) no-repeat top;}
a.graphperiodlnkact:hover {text-decoration: none;}
/* weeklog ==========================================================================================*/
#weeklog_weeklogbox {
float: left;
background-color: #eee;
border: 1px solid #B9B9B9;
border-radius: 4px;
-moz-border-radius: 4px;
width: 693px;
padding-top: 0px;
padding-bottom: 0px;
}
.sportsLogWeekElement {
float: left;
margin-right: 13px;
margin-left: 10px;
color: #B72E00;
width: 150px;
font-weight: bold;
margin-top: 12px;
margin-bottom: 20px;
}
.sportsLogWeekElementImage {float: left;}
.sportsLogWeekElementInfo {float: left; text-align: center; margin-left: 10px;}
.sportsLogWeekElementDay {font-size: 24px; padding-top: 12px; padding-bottom: 4px;}
.sportsLogWeekElementDate {font-size: 12px; color: #aaa; padding-bottom: 9px;}
.sportsLogWeekElementDuration {font-size: 16px;}
/* weeklog ==========================================================================================*/
/* health log */
#healthlog_entry_healthformbox {
float: left;
background: url(../img/healthFormsBg.png) no-repeat 0px 9px;
padding-left: 12px;
color: #828282;
width: 100%;
}
table.lister-table {
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 30px;
clear: both;
float: left;
border-spacing: 0px; font-size: 12px; border: 1px solid ddd; background-color: #F4F4F4; margin-bottom: 12px;}
table.lister-table .top-row td {text-align: center; background-color: #323024; padding-top: 6px; padding-bottom: 6px; border: none;}
table.lister-table td.col-bodymassindex {border-right: none;}
table.lister-table td {text-align: center; padding-top: 5px !important; padding-bottom: 5px !important; padding-left: 3px; padding-right: 3px; border-bottom: 1px solid lightgray; }
table.lister-table td a {font-weight: normal !important; color: #fafafa !important; }
table.lister-table table a {color: green !important; font-size: 12px; }
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }
/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
border: 2px solid black;
padding: 0px 0px;
}
DIV.csc-textpic-imagewrap { padding: 0; }
DIV.csc-textpic IMG { border: none; }
/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }
/* Clearer */
DIV.csc-textpic-clear { clear: both; }
/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
margin-right: 10px;
}
/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
margin-left: 10px;
}
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
margin-left: 10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
margin-left: 10px !important;
}
/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }
/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */