=========================================
These other widths and heights affect internal areas
=========================================
Setting degree of outlining
============================================================
Frames in styles:
declare_layout introduces variables that can be checked in a layout
For example,
{declare_layout var=frames val=0}
lets the index.tpol for the layoput do the following:
{if $layout.frames==1}
============================================================
============================================================
== Alignment
== This declare style affects the layout's main index.tpl files.
== A typical use in the layout index.tpl files:
==
== <table class="body" align='{site_align}' cellpadding='0' cellspacing='0'{background type='content'}> ...</table>
==
== where the value if site_align is taken from this declare_layout
===============================
Module titles are a place where the theme gets much of its look
You can either go with the main colors (or something close)
and make the titles bigger and bolder, or you can invert the titles where
the normal background becomes their lettering and the normal font color becomes
their background. Alternatively, they can be an entirely different color,
perhaps with a light background. It depends on if you want the titles to be
bars or not. Also do decide if if titles are centered.
===============================================
== Setting colors
================================
== Overlay
===============================
== More colors
===============================
== More colors
== First, do the main bar
== Now, do the pulldowns
===============================
====
==== Assign default values for opbuttons
====
====
==== Show the colors we are using for opbuttons
====
$BLOCKEDITING_FONT_COLOR=BLACK
$BLOCKEDITING_BG_COLOR=#F2F2F2
$PERUSEROW_BG_COLOR=#F2F2F2
====
==== Assign default values for outlines
====
*/
.body{
background-color: transparent;
width:700px;
margin: 0 auto;
text-align: left;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid transparent;
}
.body_operation{
border: 4px double transparent;
background-color: #f6f6f6 !important;
}
body{
text-align: center;
background-color: #e6e6e6;
background-image: url('/files/imagegallerymodule/44d3c9fa539f4@random/gallery4/header_bg.jpg');
background-repeat: repeat-x;
border: 0px;
margin: 0px;
padding: 0px;
color: #222222;
font-size: small;
font-family: arial;
}
div{
font-size: small;
font-weight: normal;
font-family: arial;
color: #222222;
margin: 0px;
padding : 0px;
}
table{
font-size: small;
}
p{
margin-top: 0px;
}
img.mngmnt_icon{
}
div.container_box{
margin-bottom: 2px;
}
div.container_box_conditional:after{
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #999;
width: 0;
content: "";
position: absolute;
left: 50%;
margin-left: -10px;
margin-top: 15px;
}
div.container_box_conditional{
box-shadow: 0px 0px 10px #F7F7F7;
border: 2px dashed #999 !important;
background-color: rgba(255,255,255,0.1);
padding: 15px;
}
div.container_editbox{
border: 2px dashed #AAA;
margin: 0px;
padding: 0px;
border-radius: 5px;
}
div.top_container_editbox{
margin: 0px 0px 4px 0px}
.in_configblocks{
display: none;
}
div.container_editbox .in_configblocks{
display: block;
}
div.container_editheader{
padding: 5px 15px;
margin: -15px -15px 15px -15px;
}
.container_info{
font-size: small;
color: #222222;
}
div.container_editheader div.container_editheader_info{
text-align: left;
font-weight: bold;
}
div.container_editheader div.container_editheader_block{
float: right;
text-align: left
}
span.container_info_hidden{
background-color: yellow;
}
div.side_container_editbox{border: 3px solid #DDDDDD}
div.side_container_editheader{background-color: #DDDDDD}
div.containermodule_container_editbox{border: 3px solid #9999cc;
padding: 15px !important;
}
div.containermodule_container_editheader{
padding: 5px 15px;
margin: -15px -15px 15px -15px;
background-color: #9999cc;
}
div.containermodule_side_container_editbox{border: 3px solid #9999cc}
div.containermodule_side_container_editheader{padding: 0px;background-color: #9999cc}
div.allpages_container_editbox{border: 3px solid #669999}
div.allpages_container_editheader{background-color: #669999}
div.allpages_containermodule_container_editbox{border: 3px solid #669999}
div.allpages_container_editheader{background-color: #669999}
div.allpages_containermodule_container_editheader{background-color: #669999}
div.container_selectbox{
background-color: #DDDDDD !important;
}
div.container_controls{
}
div.container_controls div.container_controls_edit{
float: left;
text-align: left;
}
div.container_controls div.container_controls_block{
float: right;
text-align: left;
}
.moduletitle{
font-size: medium;
color: #666666;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin-left: 0px;
}
.modulebody{
width: 100%;
font-size: small;
line-height: 1.3;
padding-left: 0px;
margin-left: 0px;
}
.Compact_modulebody{
padding: 0px;
margin: 0px;
}
.login_moduletitle{
background-repeat: no-repeat;
background-position: top center;
font-size: small;
background-color: transparent;
padding-left: 70px;
width: 230px;
height: 20px;
color: WHITE;
padding-top: 20px;
}
.login_modulebody{
background-color: transparent;
background-repeat: no-repeat;
background-position: bottom center;
width: 300px;
color: WHITE;
padding-left: 0px;
padding-bottom: 10px;
}
.article_moduletitle{
font-size: medium;
}
.article_modulebody{
font-size: small;
padding: 25px 10px 10px 10px;
border: 1px solid transparent;
}
.article_navlink{
font-size: small !important;
}
.category_title{
font-weight: bold;
font-size: large;
padding-left: 0px;padding-top: 1px;padding-bottom: 1px;
}
.itemtitle{
font-weight: bold;
}
.paypal_itemtitle{
font-size: large;
}
.title_link{
font-size: x-small;
font-weight: bold;
text-decoration: underline;
color: #A9A9A9;
}
.category_title_link{
color: #666666;
}
.summary{
font-size: small;
padding-left:1.5em;
color: #222222;
}
.summary2{
padding-left:3em;
font-size: x-small;
color: #666666;
}
td{
}
h3{
color: #666666;
background-color: transparent;
}
tr.row{
}
tr.even_row{
background-color: #EEEEEE;
}
tr.odd_row{
}
tr.row:hover td, tr.row:hover td a{
background-color: transparent;
}
td.header{
background-color: transparent;
color: #666666;
font-weight: bold;
font-size: medium;
padding: 0px;
background-color: #aaa;
color: #fff;
font-weight: bold;
font-size: 15px;
padding: 2px;
}
td.header a{
background-color: transparent;
font-weight: bold;
font-size: medium;
padding: 2px;
}
td.boxed{
border: 2px solid #222222;
padding-left: 10px;
}
a{
font-weight: bold;
text-decoration: underline;
color: #264267;
}
a:visited{
}
a:hover{
background-color: transparent;
color: #A9A9A9;
}
a.title_empty, a.title_empty:hover{
color: #264267;
background-color:inherit;
}
a.mngmntlink{
font-size: small;
text-decoration: none;
color: red;
font-weight: normal;
}
a.mngmntlink:hover{
}
a.mngmntlink_small{
font-size: x-small;
}
a.chooselink{
background-image: url("/hotdoodle_engine/iconset/doodle_splat.gif");
background-repeat: no-repeat;
background-position: top left;
height: 20px;
padding-left: 16px;
}
a.doodlelink{
font-size: x-small;
text-decoration: none;
color: red;
font-weight: normal;
}
a.navigation_mngmntlink{
}
.navlink{
color: #A9A9A9;
font-size: medium;
}
.navlinkcurrent{
font-weight: 900;
background-color: transparent;
}
.category_navlink{
font-size: x-large;
font-weight: normal;
color: #666666;
text-decoration: none;
}
table.navbutton{
border: solid thin transparent;
width: 600px;
}
td.navbutton{
padding: 1px;
padding-bottom: 0px;
background-color: transparent;
}
td.navbutton_rounded{
border: none;
padding: 4px 0px 4px 0px;
}
td.navbutton:hover{
background-color: transparent;
}
a.navbutton{
text-decoration: none;
font-size: small;
}
a.navbutton:hover{
color: #666666;
}
td.navbuttoncurrent{
background-color: transparent;
}
a.navlinkbutton{
font-size: medium;
padding: 2px;
text-decoration: none;
}
a.navlinkbutton:hover{
color: #A9A9A9;
}
a.navlinkcurrentbutton{
font-weight: bold;
background-color: transparent;
color: #A9A9A9;
}
.navbutton_hidden{
font-weight: lighter;
font-style: italic;
}
table.table_hd{
}
table.table_hd tr td, table.table_hd tr th{
padding: 2px;
border: 1px solid transparent;
}
table.table_hd caption{
font-size: larger;
font-weight: bold;
}
table.table_hd_top tr td{
vertical-align: top;
}
table.table_hd_borderless{
border-collapse: collapse;
border: none;
}
table.table_hd_borderless tr td, table.table_hd_borderless tr th{
padding: 2px;
}
table.table_hd_minimal{
border-collapse: collapse;
border: none;
}
table.table_hd_minimal tr td{
padding: 0px;
}
table.densetable{
border-collapse: collapse;
border-spacing: 2px;
border: 2px solid black;
}
table.densetable td, table.densetable th{
padding: 2px;
border: 1px solid black;
font-size: small;
}
table.densetable caption{
padding: 2px;
font-size: small;
}
tr.hd_row{
}
tr.even_row, div.even_row{
background-color: #EEEEEE;
}
tr.odd_row{
}
tr.hd_row:hover td, tr.hd_row:hover td a{
background-color: transparent;
}
tr.hd_row:hover{
background-color: transparent;
}
td.header, th.header{
background-color: transparent;
color: #666666;
font-weight: bold;
font-size: small;
padding: 0px;
}
td.header a, th.header a{
background-color: transparent;
font-weight: bold;
font-size: small;
padding: 2px;
}
td.boxed{
border: 2px solid #222222;
padding-left: 10px;
}
.userguide_navlink{
font-size: x-small;
height: 16px;
text-decoration: underline;
}
.helpbox{
border: 1px solid transparent;
padding: 4px;
background-color: #FFFFCC;
color: #333333;
text-align: left;
}
.tipbox{
width: 30%;
}
a.doodlelink_help:hover{
border: 1px solid black;
}
a.doodlelink5_help i.hdfa-help{
vertical-align: middle;
color: #999999;
font-size: 20px;
}
a.doodlelink5_help i.hdfa-help:hover,
a.doodlelink5_help i.hdfa-helpOpened
{
color: #b3b3b3;
}
a.doodlelink5_help i.hdfa-helpOpened:hover{
color: #999999;
}
tr.hdform_dropdowncontrol a.doodlelink5_help i.hdfa-help,
tr.hdform_yesnocontrol a.doodlelink5_help i.hdfa-help{
margin-top: 7px;
font-size: 20px;
vertical-align: top;
}
div.hdform__row_dropdowncontrol a.doodlelink5_help i.hdfa-help,
div.hdform__row_yesnocontrol a.doodlelink5_help i.hdfa-help{
margin-top: 7px;
font-size: 20px;
vertical-align: top;
}
.helpClosed, .helpHidden{
display: none
}
span.system{
color: #222222;
}
a.doodlelink, span.a.doodlelink{
font-size: 12px;
text-decoration: none;
white-space:nowrap;
color: red;
}
a.doodlelink5, span.a.doodlelink5{
font-size: 18px;
text-decoration: none;
white-space:nowrap;
color: red;
}
a.doodlelink5 i, span.doodlelink5 i , a.doodlelink i, span.doodlelink i{
color: #222222;
}
a.doodlelink5_noicon, span.doodlelink5_noicon{
font-size: 12px;
}
span.hdfa, i.hdfa{
font-size: 16px;
}
a.doodlelink5 i.hdfa-arrow, span.doodlelink i.hdfa-arrow{
color: #009245;
}
.doodlelink5 i.hdfa-alert{
color: #C1272D;
}
a.doodlelink5 span.hdfa-disable, span.doodlelink5 span.hdfa-disable{
opacity: 0.25;
filter: alpha(opacity=25);
}
a.doodlelink5 span.hdfa-button, span.doodlelink5 span.hdfa-button{
background-color: #FFFFFF;
color: #333333;
border: 1px solid #cccccc;
padding: 3px 5px;
margin-right: 5px;
}
a.doodlelink5 span.hdfa-button-thin, span.doodlelink5 span.hdfa-button-thin{
margin-right: 0px;
}
button.hdfa-button-block{
background-color: #FFFFFF;
color: #333333;
}
a.doodlelink5 span.pre_text, span.doodlelink span.pre_text{
color: #222222;
font-weight: bold;
}
.leftpad{padding-left:4px}
.leftmargin{margin-left:4px}
.error{
background-color: #FFEBEA;
border: 1px solid #DD3C10;
padding: 10px 10px 10px 10px;
margin: 0 !important;
color: #333333;
font-weight: normal !important;
border-radius: 5px;
border-left: 10px solid #DD3C10;
text-align: left;
}
.warning{
background-color: #FFFFCC;
border: 1px solid #FCEE21;
padding: 10px 10px 10px 10px;
margin: 0 !important;
color: #333333;
font-weight: normal !important;
border-radius: 5px;
border-left: 10px solid #FCEE21;
text-align: left;
}
.success{
background-color: #F3FAEF;
border: 1px solid #5cb85c;
padding: 10px 10px 10px 10px;
margin: 0 !important;
color: #333333;
font-weight: normal !important;
border-radius: 5px;
border-left: 10px solid #5cb85c;
}
div.form_header{
margin-bottom: 15px;
}
div.form_help{
background-color: #FFFFCC;
color: #333333;
padding: 4px;
}
div.form_title, .form_title a{
font-size: medium;
font-weight: bold;
}
.form_title a.videolink{
font-size: smaller;
text-transform: none !important;
border: 0px !important;
}
.small{
font-size: x-small;
}
.xsmall{
font-size: xx-small;
}
.picture_name{
font-weight: bold;
}
.picture_desc{
}
.admincontrol{
background-color: #EEE;
width: 100%;
border: 10px groove #AAA;
margin-bottom: 20px;
}
td.login_field{
}
span.login_hint{
padding-left: 20px;
}
td.login_hint{
padding-left: 20px;
font-size: x-small;
padding-bottom: 6px;
}
.checkout_err .checkout_moduletitle{
background: #F4F4F4;
background-image: url('/imagelib/files/imagegallerymodule/4976030088c5d/gallery168/img_err_title.png');
background-image: url('/imagelib/files/imagegallerymodule/4976030088c5d/gallery168/img_err_title.png'), -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#E8E8E8));
background-image: url('/imagelib/files/imagegallerymodule/4976030088c5d/gallery168/img_err_title.png'), -webkit-linear-gradient(top, #F4F4F4, #E8E8E8);
background-image: url('/imagelib/files/imagegallerymodule/4976030088c5d/gallery168/img_err_title.png'), -moz-linear-gradient(top, #F4F4F4, #E8E8E8);
background-image: url('/imagelib/files/imagegallerymodule/4976030088c5d/gallery168/img_err_title.png'), -ms-linear-gradient(top, #F4F4F4, #E8E8E8);
background-image: url('/imagelib/files/imagegallerymodule/4976030088c5d/gallery168/img_err_title.png'), -o-linear-gradient(top, #F4F4F4, #E8E8E8);
background-image: url('/imagelib/files/imagegallerymodule/4976030088c5d/gallery168/img_err_title.png'), linear-gradient(top, #F4F4F4, #E8E8E8);
background-repeat: no-repeat;
background-position: left;
height: 38px;
padding-top: 12px;
padding-left: 80px;
border: 1px solid #B3B3B3;
}
.checkout_err{
background-color: #DDDDDD;
background: -webkit-linear-gradient(#DDDDDD, #FEFEFE);
background: -o-linear-gradient(#DDDDDD, #FEFEFE);
background: -moz-linear-gradient(#DDDDDD, #FEFEFE);
background: linear-gradient(#DDDDDD, #FEFEFE);
border: 1px solid #808080;
box-shadow: 0 0 5px #666666;
width: 70%;
padding: 30px 30px 60px 30px;
font-size: small !important;
color: #222222 !important;
}
div.checkout_error div.checkout_moduletitle{
}
.genedCheckout_progress .genedCheckout_cell{
float: left;
text-align: center;
width: 25%;
background:url('/imagelib/files/imagegallerymodule/4976030088c5d/gallery168/img_progressBar02_mid.png') no-repeat top center;
padding-top: 40px;
}
.genedCheckout_progress .genedCheckout_cell_first{
float: left;
text-align: center;
width: 25%;
padding-top: 40px;
background:url('/imagelib/files/imagegallerymodule/4976030088c5d/gallery168/img_progressBar02_first.png') no-repeat top center;
}
.genedCheckout_progress .genedCheckout_cell_last{
float: left;
text-align: center;
width: 25%;
padding-top: 40px;
background:url('/imagelib/files/imagegallerymodule/4976030088c5d/gallery168/img_progressBar02_last.png') no-repeat top center !important;
}
.genedCheckout_progress .genedCheckout_cell_current{
float: left;
text-align: center;
width: 25%;
background:url('/imagelib/files/imagegallerymodule/4976030088c5d/gallery168/img_progressBar02_mid_current.png') no-repeat top center !important;
padding-top: 40px;
}
.genedCheckout_progress .genedCheckout_cell_first_current{
float: left;
text-align: center;
width: 25%;
padding-top: 40px;
background:url('/imagelib/files/imagegallerymodule/4976030088c5d/gallery168/img_progressBar02_first_current.png') no-repeat top center !important;
}
.genedCheckout_progress .genedCheckout_cell_last_current{
float: left;
text-align: center;
width: 25%;
padding-top: 40px;
background:url('/imagelib/files/imagegallerymodule/4976030088c5d/gallery168/img_progressBar02_last_current.png') no-repeat top center !important;
}
.genedCheckout_progress .genedCheckout_row{
height: 60px;
margin: 20px auto 0 auto;
clear: both;
background-image: none;
}
.genedCheckout_progress{
}
.genedCheckout_clear .genedCheckout_cell{
margin-right: 20px;
float: left;
}
.genedCheckout_row a{
padding-top: 60px;
}
.genedCheckout_row a:hover{
text-decoration: none;
}
div.article_popupbody{
background: transparent;
border: 2px outset #e0e0e0;
left: 0px;
padding: 4px;
position: absolute;
width: 400px;
top: 0px;
visibility: hidden;
z-index: 1001;
}
table.resources_modulebody th, table.audio_modulebody th{
}
table.audio_modulebody audio{
height: 30px;
width: 100%;
}
pre{
font-size: 100%;
}
.mainfont{
color: #222222;
font-size: small;
font-family: arial;
}
div.Marketing_box_visible{
text-align: center;
margin-top: 8px;
margin-bottom: 8px;
}
#marketing_image{
text-decoration: none;
border: 0;
width: 160px;
height: 17px;
}
div.Marketing_box{
display: none !important;
}
div.subnavbutton{
padding-left: 10px;
}
.menu_stacked_sub_line{
background-color: #E7E7E7}
.menu_stacked_sub_line_odd{
background-color: #DDDDDD;
}
.menu_stacked_sub a{
color: #333;
}
.menu_stacked_sub a.active{
font-weight: bold;
}
td.prodcat_body_spacer{
width: 20px;
}
.prodcat_prodlist_details{
padding: 0 20px;
}
.productcatelog_modulebody .summary{
padding: 0px;
}
.prodcat_metrics, .prodcat_article_summary, .prodcat_options{
font-size: small;
}
.prodcat_price{
font-size: small;
font-weight: bold;
}
.prodcat_order_header th.header{
padding: 0 10px;
}
.cartHidden{
display: none;
}
.productcatalog_productDetails_details_addtocartDynamic input.button{
margin-top: 3px;
font-size: 10px;
padding: 3px 10px;
}
.body_popup .mainarea, .body_popup .mainarea_table{
padding: 0px;
width: 100%;
height: 100%;
}
div.prodcat_indicator{
width:80px;
height:32px;
cursor:pointer;
color: #264267;
padding-left: 36px;
padding-top: 10px;
font-size: xx-small;
background:url(/hotdoodle_engine/looks/images/imagelib/ecommerce/cart1d.png) no-repeat;
}
div.prodcat_indicator:hover{
background-position:0 -40px;
text-decoration: underline;
}
div.prodcat_indicator_noitems, div.prodcat_indicator_noitems:hover{
cursor: auto;
background-position: 0 0px;
color: #222222;
}
.clearfix:after{
visibility: hidden;
display: block;
font-size: 0;
line-height: 0;
content: " ";
clear: both;
height: 0;
width: 0;
}
div.cb_r_last{
margin-bottom: 0px;
}
div.cb_r_notlast_lg{
margin-top: 30px;
margin-bottom: 30px;
}
div.cb_r_notlast_sm{
margin-top: 15px;
margin-bottom: 15px;
}
div.cb_r_notlast_none{
margin-top: 0px;
margin-bottom: 0px;
}
div.cb_r_notlast_bar{
border-bottom: 1px solid transparent;
}
div.cb_r_first{
margin-top: 0px;
}
.horPadding_sm{
}
.horPadding_lg{
padding-left: 30px;
padding-right: 30px;
}
.horPadding_none{
padding-left: 0px;
padding-right: 0px;
}
.verPadding_sm{
}
.verPadding_lg{
padding-top: 30px;
padding-bottom: 30px;
}
.verPadding_none{
padding-top: 0px;
padding-bottom: 0px;
}
.tbox{
position:absolute;
display:none;
z-index:2001;padding:14px 17px;
}
.tboxinner{
padding:15px;
-moz-border-radius:5px;
border-radius:5px;
background:#ff0 url(/hotdoodle_engine/iconset/tbox_preload.gif) no-repeat 50% 50%;
border-right:1px solid #333;border-bottom:1px solid #333;
background-color: transparent}
.tboxmask{
position:absolute;
display:none;
top:0px;
left:0px;height:100%;
width:100%;
background:#e6e6e6;z-index:800}
.tboxclose{
position:absolute;
top:0px;
right:0px;
width:30px;
height:30px;
cursor:pointer;
background:url(/hotdoodle_engine/iconset/tbox_close.png) no-repeat;
left:6px;
}
.tboxclose:hover{
background-position:0 -30px
}
.slideshow_wrapper{margin:5px auto}.slideshow_wrapper *{margin:0;padding:0}
.slideshow_fullsize{position:relative;padding:2px;border:1px solid #ccc;background:#000}
.slideshow_information{position:absolute;bottom:0;height:0;background:#000;color:#fff;overflow:hidden;z-index:200;opacity:.3;filter:alpha(opacity=30)}
.slideshow_information h3{padding:4px 8px 3px;font-size:14px}
.slideshow_information p{padding:0 8px 8px}
.slideshow_image img{position:absolute;z-index:25;width:auto}
.slideshow_imgnav{position:absolute;width:25%;cursor:pointer;z-index:150}
.slideshow_imgprev{left:0;background:url(/hotdoodle_engine/external/scripttiny/TinySlideshow/images/left.gif) left center no-repeat}
.slideshow_imgnext{right:0;background:url(/hotdoodle_engine/external/scripttiny/TinySlideshow/images/right.gif) right center no-repeat}
.slideshow_imglink{position:absolute;width:100%;z-index:100;opacity:.4;filter:alpha(opacity=40)}
.linkhover{background:url(/hotdoodle_engine/external/scripttiny/TinySlideshow/images/link.gif) center center no-repeat}
.slideshow_thumbnails{margin-top:3px}
.slideshow_slideleft{float:left;width:20px;height:81px;background:url(/hotdoodle_engine/external/scripttiny/TinySlideshow/images/scroll-left.gif) center center no-repeat;background-color:#222}
.slideshow_slideleft:hover{background-color:#333}
.slideshow_slideright{float:right;width:20px;height:81px;background:#222 url(/hotdoodle_engine/external/scripttiny/TinySlideshow/images/scroll-right.gif) center center no-repeat}
.slideshow_slideright:hover{background-color:#333}
.slideshow_slidearea{float:left;position:relative;margin-left:5px;height:81px;overflow:hidden}
.slideshow_slider{position:absolute;left:0;height:81px}
.slideshow_slider img{cursor:pointer;border:1px solid #666;padding:2px}
div.hdform5 div.hdform_field{
margin-bottom: px;
}
div.hdform5 div.hdform_label{
margin-bottom: px;
}
div.hdform5 div.col-md-12 div.hdform_label{margin-bottom: 0px;
}
@media (max-width: 991px){div.hdform5 div.hdform_label{
margin-bottom: 0px;
}
}
.hdform select{
}
.hdform_label, .hdform select, .hdform_field{
}
.body_operation .hdform_label, .body_operation .hdform select, .body_operation .hdform_field{
font-size: medium;
margin-bottom: 10px;
}
.body_operation .hdform select{
padding: 5px;
margin-bottom: 10px;
}
div.hdform5 div.hdform_note div.hdform_label,
div.hdform5 div.hdform_note div.hdform_field
.body_operation div.hdform_note .hdform_label, .body_operation div.hdform_note .hdform select, .body_operation div.hdform_note .hdform_field
{
font-size: 11px;
line-height: 18px;
margin-top: -px;
}
div.hdform5 div.hdform_checkbox{
float: left;
}
div.hdform5 div.hdform_checkbox_col2{
margin-left: 5px;
}
div.hdform fieldset{
border: 4px solid #333;
}
tr.hdform_unused, div.hdform_unused, div.hdform_hidden, fieldset.hdform_hidden{
display: none;
}
tr.hdform_unused_manual, div.hdform_unused_manual{
display: none;
}
div.hdform_sublabel div.hdform_label{
}
div.hdform_row_cmds{
background-color: #EEEEEE;
text-align: right;
}
div.flash_block{
background-color: #EEEEEE;
}
div.hdform_edit_group:hover, div.hdform_edit_group:hover div, div.hdform_edit_group:hover div.hdform_row_cmds{
background-color: #EEEEEE !important;
}
div.hdform_edit_group:hover{
}
.imagehandler_frame{
display: block;
width: 100%;
position: relative;
height: 0;
padding-top: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
overflow: hidden;
border: 1px solid #DDD;
}
@media (max-width: 767px){
.imagehandler_frame{
height: auto !important;
padding-top: 0 !important;
}
}
.imagehandler_nocrop{
background-color:;
}
@media (min-width: 768px){
.imagehandler_frameoverwide img{
height: auto;
width: 100%;
position:absolute;
left: -100%;
right: -100%;
top: -100%;
bottom: -100%;
margin: auto;
}
.imagehandler_frameovertall img{
width: auto;
height: 100%;
position:absolute;
left: -100%;
right: -100%;
top: -100%;
bottom: -100%;
margin: auto;
}
.imagehandler_nocrop .imagehandler_frameoverwide img{
height: 100%;
width: auto;
}
.imagehandler_nocrop .imagehandler_frameovertall img{
height: auto;
width: 100%;
}
}
@media (max-width: 767px){
.imagehandler_frameoverwide img, .imagehandler_frameovertall img,
.imagehandler_nocrop .imagehandler_frameoverwide img,
.imagehandler_nocrop .imagehandler_frameovertall img{
width: 100%;
height: auto;
}
}
.videoWrapper{
position: relative;
padding-top: 56.25%;
height: 0;
}
.videoWrapper iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.title{
font-size: medium;
}
.article_title{
border-top: 3px solid transparent;
}
.article_left_image{
border-right: 3px solid transparent;
}
.article_right_image{
border-left: 3px solid transparent;
}
.youarehere_modulebody{
font-size: medium;
padding-left: 8px;
padding-right: 4px;
width: 100%;
color: #666666;
background-color: transparent;
}
a.youarehere_navlink{
font-size: x-small;
color: #666666;
}
input, textarea, select{
background-color: #EEEEEE;
color: #222222;
padding-top: 0px;padding-bottom: 0px;padding-right: 0px;
padding-left: 2px;
}
input.button{
border-style: outset;
font-size: small;
}
input.opbutton{
font-size: medium;
margin-top: 20px;
padding: 10px 40px;
}
td.adv_opbutton input.opbutton{
margin-top: 10px;
padding: 0px 20px;
}
td.config_opbutton{
padding-bottom: 30px;
}
td.config_opbutton input.opbutton{
border: 0px !important;
}
td.config_opbutton input.opbutton_hover{
color: black;
background-color: #FFFFFF;
background: -webkit-linear-gradient(#FFFFFF, #F2F2F2);
background: -o-linear-gradient(#FFFFFF, #F2F2F2);
background: -moz-linear-gradient(#FFFFFF, #F2F2F2);
background: linear-gradient(#FFFFFF, #F2F2F2);
}
td.adv_opbutton input.opbutton_hover{
color: black;
}
input.opbutton_on{
color: black;
background-color: #FFFFFF;
background: -webkit-linear-gradient(#FFFFFF, #F2F2F2);
background: -o-linear-gradient(#FFFFFF, #F2F2F2);
background: -moz-linear-gradient(#FFFFFF, #F2F2F2);
background: linear-gradient(#FFFFFF, #F2F2F2);
}
input.button_on{
background-color: #F2F2F2;
color: black;
border: 1px solid black;
}
tr.perblock_op_row, tr.perblock_op_row > td.perblock_op{
color: BLACK;
font-size: small;
font-family: arial;
background-color: #F2F2F2;
}
.first_op_row{
padding: 15px 0px !important;
}
tr.peruse_op_row, tr.peruse_op_row td{
background-color: #F2F2F2;
color: BLACK;
line-height: 2em;
}
tr.peruse_even_op_row, tr.peruse_even_op_row td{
background-color: white;
color: BLACK;
}
tr.peruse_odd_op_row, tr.peruse_odd_op_row td{
background-color: #F2F2F2;
color: BLACK;
}
div.peruse_op_row{
border: 2px solid green !important;
}
div.peruse_op_row, div.peruse_op_row col{
background-color: #F2F2F2;
color: BLACK;
}
div.peruse_even_op_row, div.peruse_even_op_row col{
background-color: white;
color: BLACK;
}
div.peruse_odd_op_row, div.peruse_odd_op_row col{
background-color: #F2F2F2;
color: BLACK;
}
tr.peruse_op_row td a, tr.peruse_op_row td a:hover, tr.peruse_op_row td a:visited
tr.peruse_op_row td a.doodlelink,tr.peruse_op_row td a.doodlelink:hover, tr.peruse_op_row td a.doodlelink:visited{
color: #0071BD !important;
text-decoration: none;
}
tr.peruse_op_row td a.doodlelink:hover{
text-decoration: underline;
}
.op_helpbox{
border: 1px solid transparent;
background-color: #F6F6F6;
padding: 4px;
color: #222222;
text-align: left;
}
div.container_style_options{
padding-top: 20px;
}
div.container_style_options_cat{
}
div.container_style_options_cat_title{
}
div.container_style_options_cat_option{
}
div.container_style_options_cat_option_pulldown{
height: 90px;
}
.block_editing_form, .block_editing_form td.block_title{
color: BLACK;
}
span.hdform{
color: BLACK;
}
.edita_control .hdform_first_col{
width: 30%;
}
div.block_editing_form{
padding: 30px;
background-color: #F2F2F2;
border-radius: 7px;
}
.container_controls_block{
background-color: #FFF;
}
.container_controls_block .dropdown-menu{
background-color: #FFF;
color: #333;
}
.container_controls_block .dropdown-menu a{
color: #333;
}
div.modGroup{
margin-top: 20px;
border-radius: 8px;
box-shadow: 0px 0px 10px #E6E6E6;
padding-bottom: 20px;
}
div.modGroupHeader{
padding: 15px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background-color: #FFFFFF;
background: -webkit-linear-gradient(#FFFFFF, #F2F2F2);
background: -o-linear-gradient(#FFFFFF, #F2F2F2);
background: -moz-linear-gradient(#FFFFFF, #F2F2F2);
background: linear-gradient(#FFFFFF, #F2F2F2);
}
div.modGroupHeader_title{
text-align: center;
font-weight: bold;
color: #333333;
font-size: medium;
}
div.modGroupBody{
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
.modListed{
cursor: pointer !important;
width: 192px;
color: BLACK;
float: left;
font-weight: bold;
padding-top: 10px;
height: 190px;
text-align: center;
margin-right: 4px;
margin-left: 4px;
}
.modListed:hover{
border: 2px dashed #AAAAAA;
}
.selectedmodListed{
border: 2px dashed #AAAAAA;
}
div.viewGroupList{
text-align: left;
background-color: #F2F2F2;
display: none;
}
div.selectedviewGroupList{
display: block;
}
div.viewGroup{
margin-top: 20px;
border-radius: 8px;
box-shadow: 0px 0px 4px #E6E6E6;
padding-bottom: 2px;
}
div.viewGroup_captioned{
margin-top: 50px;
box-shadow: 0px 0px 16px #E6E6E6;
padding-bottom: 20px;
}
div.viewGroup_conditional{
display: none;
}
div.viewGroup_selected{
display: block;
}
div.viewGroupPicker{
font-size: large;
margin-top: 30px;
text-align: left;
}
div.viewGroupHeader{
text-align: center;
padding: 15px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background-color: #FFFFFF;
background: -webkit-linear-gradient(#FFFFFF, #F2F2F2);
background: -o-linear-gradient(#FFFFFF, #F2F2F2);
background: -moz-linear-gradient(#FFFFFF, #F2F2F2);
background: linear-gradient(#FFFFFF, #F2F2F2);
color: #333333;
}
div.viewGroupHeader_title{
text-align: center;
font-weight: bold;
font-size: medium;
}
div.viewGroupHeader_desc{
text-align: center;
font-size: small;
}
div.viewGroupBody{
text-align: center;
margin: 0px auto;
max-width: 900px;
}
.viewListed{
float: left;
cursor: pointer !important;
width: 192px;
color: BLACK;
font-weight: bold;
padding-top: 10px;
height: 170px;
text-align: center;
margin-right: 4px;
margin-left: 4px;
}
.viewListed_captioned{
height: 190px;
}
.viewListed:hover{
border: 2px dashed #AAAAAA;
}
.selectedviewListed{
border: 2px dashed #AAAAAA;
}
.currentView, currentView div, currentView td{
background-color: #FFCCCC !important;
cursor: pointer !important;
width: 150px;
padding-left: 10px;
color: BLACK;
}
.nonselectedView{
cursor: pointer !important;
width: 150px;
padding-left: 10px;
color: BLACK;
}
.toverlay{
position:absolute;
display:none;
padding: 0px;
z-index:2001}
.toverlayinner{
-moz-border-radius:5px;
border-radius:5px;
border:1px solid transparent;background-color: #F2F2F2;
font-size: smaller;
color: BLACK;
padding: 0px;
margin: 0px;
text-align: left;
}
div.view_Image{
WIDTH: 270px;
height: 220px;
}
div.view_Image_Framed{
background-image: url("/hotdoodle_engine/iconset/viewframe_l.gif");
background-repeat: no-repeat;
background-position: top left;
}
div.block_Image{
WIDTH: 250px;
height: 200px;
}
div.blocklist{
}
table.billing_warn, table.billing_warn td{
background-color: #FFFFCC;
margin: 0px;
color: #333333;
}
table.billing_warn td a.doodlelink{
color: red;
}
div.billing_policy, billing_policy h3{
background-color: white;
color: black;
}
div.billing_howitworks, div.billing_howitworks table tr td{
background-color: white;
color: black;
}
div.conditionalDisplay{
}
div.conditionalDisplay_Edit{
margin: 15px 0px;
}
div.conditionalGroupBody{
text-align: center;
background: linear-gradient(#309ADD, #0071BD);
padding: 7px 20px;
border-radius: 5px;
color: #FFFFFF;
}
.conditionalListed{
float: left;
margin-right: 10px;
background-color: transparent !important;
border: 0px;
}
.conditionalControl{
background-color: #98a7ac;
padding: 7px 20px;
border-radius: 5px;
margin: 15px 0px;
}
.conditionalDiv{
padding: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
.conditionalDivStorage{
}
.conditionalControlArea{
}
.conditionalExpansionArea{
}
div.conditionalRule_new{
background-color: lightgreen;
border: 2px solid red;
}
div.container_conditional_controls{
}
div.container_conditional_controls_info{
float: left;
}
div.container_conditional_controls_edit{
}
a.navlink_genedTopnavpulldown, a.navlink_genedTopnavpulldown:visited, a.navlink_genedTopnavpulldown:active,
a.navlink_topnavfancy{
font-family: arial;
font-size: 14px;
color:;
font-weight: bold;
text-decoration: none;
padding: 5px 0px 0px 0px;
margin-bottom: 0px;
line-height: 1.3;
}
a.navlink_genedTopnavpulldown:hover,
a.navlink_topnavfancy:hover{
background-color: transparent;
color: #FF0000;
}
a.navlink_genedTopnavpulldown:hover{
border-bottom: 0px solid #FF0000;
}
td.topnavfancy_current a.navlink_topnavfancy,
td.genedTopnavpulldown_current a.navlink_genedTopnavpulldown{
color: #666666 !important;
}
table.genedTopnavpulldown,
table.topnavfancy{
width: 600px;
margin: 0px 0px 0px 0px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
background-color: transparent;
background-repeat: repeat-x;
}
td.genedTopnavpulldown,
td.topnavfancy{
margin-left: 3px;
margin-right: 3px;
background-color: transparent;
vertical-align: top;
text-align: center;
padding: 20px 3px 0px 3px;
}
.topnavfancy:hover{
color: #FF0000;
background-color: transparent;
}
.topnavfancy_current{
background-color: transparent;
}
b.roundtop, b.roundbottom{
display:block;
background: transparent;
}
b.roundtop b, b.roundbottom b{
display:block;
height: 1px;
overflow: hidden;
background-color: transparent
}
b.round1{margin: 0 5px}
b.round2{margin: 0 3px}
b.round3{margin: 0 2px}
b.roundtop b.round4, b.roundbottom b.round4{
margin: 0 1px;height: 2px
}
.roundbody{
background-color: transparent;
text-align: center;
margin-bottom: 0px;
}
td.roundbodycurrent{
background-color: transparent;
}
b.roundtopcurrent b, b.roundbottomcurrent b{
background-color: transparent;
}
div.genedTopnavpulldown{
text-align: left;
}
div.genedMenu{
border: 2px outset transparent;
background-color: WHITE;
left: 0px;
padding: 0px 1px 1px 0px;
text-align: left;
position: absolute;top: 0px;visibility: hidden;z-index: 1001;
}
div.genedMenuvis{
border: 2px outset transparent;
background-color: WHITE;
left: 0px;
padding: 0px 1px 1px 0px;
text-align: left;
}
td.genedMenuButtonActive{
background-color: #A9A9A9;
}
div.genedMenu a.genedMenuItem,
div.genedMenu a.genedMenuItem:visited{
text-decoration: none;
padding: 3px 1em;
display: block;
white-space: nowrap;
}
div.genedMenu a.genedMenuItem span.genedMenuItemArrow{
margin-right: -.75em;
text-decoration: none !important;
color:;
}
div.genedMenu a.genedMenuItem span.genedMenuItemText{
color: !important;
}
div.genedMenu a.genedMenuItemHighlight, div.genedMenu a.genedMenuItem:hover{
background-color: #A9A9A9;
}
div.genedMenu a.genedMenuItemHighlight span.genedMenuItemText{
color: #666666 !important;
}
.sidebar{
height: auto;
width: 40px;
}
.sidebar .moduletitle{
font-size: medium;
font-weight: bold;
}
.sidebar .modulebody{
font-size: 11px;
}
.leftsidebar{
}
.rightsidebar{
}
.mainsidebar{
width: 200px;
padding: 20px 25px 15px 25px;
}
.mainarea, .centerarea, .divmain{
height: 400px;
vertical-align: top;
text-align: left;
padding: 15px 0px 15px 0px;
}
.header{
}
.divtop{
height:auto;
padding-bottom: 0px;
margin-bottom: 0px;
padding-top: 0px;
border-bottom: 2px solid transparent;
}
.divtop .modulebody{
font-size: xx-large;
font-weight: bold;
text-align: center;
color: #EAEDF0;
}
.divtop .text_modulebody{
padding-left: 0px;
padding-right: 0px
}
.divtop_sidetoside{
width:700px;
}
.mainarea, .centerarea, .divmain{
margin: 10px 0px 10px 0px;
width: 700px;
}
.divfooter{
}
.divfooter{
height: auto;
padding-top: 5px;
text-align: center;
padding: 10px 0px 10px 0px;
border-top: 4px solid transparent;
}
div.Feature_container_box{
background-color: WHITE;
}
.Feature_moduletitle{
color: WHITE;
}
.Feature_modulebody{
font-weight: bold;
font-size: large;
}
div.Feature2_container_box{
}
.Feature2_moduletitle{
background-color: #222222;
color: transparent;
text-align: center;
text-decoration: underline;
padding-top: 2px;padding-bottom: 2px;
}
.Feature2_modulebody{
font-weight: normal;
font-size: medium;
color: #666666;
text-align: center;
border: 1px dashed #222222;
}
div.Feature3_container_box{
}
.Feature3_moduletitle{
background-image: url('/imagelib/files/imagegallerymodule/46d6f5f44a74c/gallery55/prom3.gif');
background-repeat: no-repeat;
padding-top: 10px;
padding-bottom: 0px;
background-color: white;
width: 230px;
height: 30px;
}
.Feature3_modulebody{
height: 40px;
background-image: url('/imagelib/files/imagegallerymodule/46d6f5f44a74c/gallery55/prom3.gif');
background-repeat: no-repeat;
width:300px;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 20px;
}
div.Feature4_container_box{
}
.Feature4_moduletitle{
}
.Feature4_modulebody{
border: 12px groove #EEEEEE;
padding: 10px;
width: auto;
}
div.Minor_container_box{
background-color: #e6e6e6;
}
.Minor_moduletitle{
font-size: medium;
background-color: #e6e6e6;
color: #7E725B;
}
.Minor_modulebody{
background-color: #e6e6e6;
font-size: x-small;
}
.Minor_modulebody p{
margin: 0;
color: #767676;
line-height: 1.7;
}
.Minor_modulebody a:link,.Minor_modulebody a:active,.Minor_modulebody a:visited{
text-decoration: underline;
color: #CC6666;
}
div.Minor2_container_box{
background-color: #FFFFCC;
}
.Minor2_moduletitle{
font-size: medium;
background-color: #FFFFCC;
}
.Minor2_modulebody{
font-size: 14px;
background-color: #FFFFCC;
}
div.Minor3_container_box{
}
.Minor3_moduletitle{
font-size: medium;
}
.Minor3_modulebody{
font-size: 14px;
}
div.Minor4_container_box{
}
.Minor4_moduletitle{
font-size: 10px;
font-weight: bold;
}
.Minor4_modulebody{
font-size: 10px;
}
.Splashpic_moduletitle{
}
.Splashpic_modulebody{
}
.Splashpic_container_box{
margin-left: 30px;
}
div.form_title{
text-align: center;
background: #e6e6e6;
padding: 10px 20px;
border-radius: 4px;
margin: 15px 0px;
color: #666666;
font-size: 18px;
font-weight: bold;
}
.form_title a{
text-transform: uppercase;
color: #666666;
font-size: 18px;
font-weight: bold;
}
div.wizardmenu{
background-color: #e0e0e0;
border: 2px outset #e0e0e0;
left: 0px;
padding: 0px 1px 1px 0px;
position: absolute;
top: 0px;
visibility: hidden;
z-index: 1001;
color: black;
}
div.wizard{
border: 0px !important;
background-color: #B1C4C9 !important;
padding: 25px !important;
width: 95%;
margin-left: auto;
margin-right: auto;
}
#wizard_details{
font-size: small;
color: black;
background-color: white;
padding: 25px;
}
div.wizard a.doodlelink{
font-size: small;
color: #0071BD;
}
div.wizard td.title{
font-size: small;
font-weight: bold;
color: #0071BD;
}
div.wizard strong{
font-size: medium;
font-weight: bold;
color: #0071BD;
}
div.wizard span.navlink{
font-size: medium;
font-weight: bold;
color: #0071BD;
}
.title_empty, .title_empty:hover{
text-decoration: none !important;
cursor: default;
}
.product_title_link{
font-size: medium;
text-decoration: none;
}
a.login_forgot, a.login_forgot:visited{
white-space: nowrap;
}
.bundle_adjustmentsSH, .bundle_posSH, .bundle_gridSH, .bundle_sliderSH{
background-color: yellow;
}
.flowSH, .popupflowSH, .openedflowSH{
background-color: #EEEEEE;
}
.displaySH{
background-color: pink;
}
.container_col_inner{
padding-right: 3px;
}
.container_col_bar{
border-right: 2px dotted #D3D3D3;
}
.container_row_bar{
border-bottom: 2px dotted #D3D3D3;
}
.premainarea{
background-color: transparent;
}
td.picture_left{
padding-right: 10px;
}
td.picture_right{
padding-left: 10px;
}
div.Invis_container_box{
background-color: transparent;
border: none;
}
.Invis_moduletitle{
background-color: transparent;
padding-left: 0px;
padding-right: 0px;
}
.Invis_modulebody{
background-color: transparent;
padding-left: 0px;
padding-right: 0px;
}
div.LightGray_container_box{
background-color: #DDDDDD;
}
.LightGray_moduletitle{
background-color: #DDDDDD}
.LightGray_modulebody{
background-color: #DDDDDD;
color: #222222;
}
div.Aqua_container_box{
background-color: #CCFFFF;
}
.Aqua_moduletitle{
background-color: #CCFFFF;
}
.Aqua_modulebody{
background-color: #CCFFFF;
color: #222222;
}
div.Pink_container_box{
background-color: #FFCCFF;
}
.Pink_moduletitle{
background-color: #FFCCFF;
}
.Pink_modulebody{
background-color: #FFCCFF;
color: #222222;
}
div.Yellow_container_box{
background-color: #FFFFCC;
}
.Yellow_moduletitle{
background-color: #FFFFCC;
}
.Yellow_modulebody{
background-color: #FFFFCC;
color: #222222;
}
div.Center_container_box{text-align: center;margin-left: auto;margin-right: auto}
div.Center_container_box td{text-align: center;margin-left: auto;margin-right: auto}
.Center_moduletitle{text-align: center;margin-left: auto;margin-right: auto}
.Center_modulebody, .Center_modulebody table, .Center_modulebody td, .Center_modulebody div.picture_wrap_img{text-align: center
!important;margin-left: auto !important;margin-right: auto !important}
div.Left_container_box{text-align: Left;margin-left: 0;margin-right: auto}
div.Left_container_box td{text-align: Left;margin-left: 0;margin-right: auto}
.Left_moduletitle{text-align: Left;margin-left: 0;margin-right: auto}
.Left_modulebody, .Left_modulebody table, .Left_modulebody td, .Left_modulebody div.picture_wrap_img{text-align: Left !
important;margin-left: 0 !important;margin-right: auto !important}
div.Right_container_box{text-align: Right;margin-left: auto;margin-right: 0}
div.Right_container_box td{text-align: Right;margin-left: auto;margin-right: 0}
.Right_moduletitle{text-align: Right;margin-left: auto;margin-right: 0}
.Right_modulebody, .Right_modulebody table, .Right_modulebody td, .Right_modulebody div.picture_wrap_img{text-align: Right !
important;margin-left: auto !important;margin-right: 0 !important}
div.Bottom_container_box{vertical-align: bottom}
div.Bottom_container_box td{vertical-align: bottom}
.Bottom_moduletitle{vertical-align: bottom}
.Bottom_modulebody{vertical-align: bottom}
div.Top_container_box{vertical-align: top}
div.Top_container_box td{vertical-align: top}
.Top_moduletitle{vertical-align: top}
.Top_modulebody{vertical-align: top}
div.nogap_container_box{
}
.nogap_container_box .row{
margin-bottom: 0px !important;
margin-top: 0px !important;
}
.nogap_container_box .row .col-md-1, .nogap_container_box .row .col-md-2, .nogap_container_box .row .col-md-3, .nogap_container_box .row .col-md-4, .nogap_container_box .row .col-md-5, .nogap_container_box .row .col-md-6, .nogap_container_box .row .col-md-7, .nogap_container_box .row .col-md-8, .nogap_container_box .row .col-md-9, .nogap_container_box .row .col-md-10, .nogap_container_box .row .col-md-11, .nogap_container_box .row .col-md-12
{
padding: 0px !important;
}
@media (max-width: 991px){
.nogap_container_box .row .col-md-1, .nogap_container_box .row .col-md-2, .nogap_container_box .row .col-md-3, .nogap_container_box .row .col-md-4, .nogap_container_box .row .col-md-5, .nogap_container_box .row .col-md-6, .nogap_container_box .row .col-md-7, .nogap_container_box .row .col-md-8, .nogap_container_box .row .col-md-9, .nogap_container_box .row .col-md-10, .nogap_container_box .row .col-md-11, .nogap_container_box .row .col-md-12
{
padding: 15px !important;
}
}
.nogap_moduletitle{
}
.nogap_modulebody{
}
div.Header_container_box{
background-color: transparent;
border: none;
vertical-align: bottom;
}
div.Footer_container_box{
background-color: transparent;
border: none;
vertical-align: bottom;
}
div.Sidebar_container_box{
}
.AltSidebar_container_box{
}
div.Box100w_container_box{
width: 100px;
margin-left: auto;
margin-right: auto;
}
div.Box200w_container_box{
width: 200px;
margin-left: auto;
margin-right: auto;
}
div.Box250w_container_box{
width: 250px;
margin-left: auto;
margin-right: auto;
}
div.Box300w_container_box{
width: 300px;
margin-left: auto;
margin-right: auto;
}
div.Box100h_container_box{
height: 100px;
}
div.Box200h_container_box{
height: 200px;
}
div.Box250h_container_box{
height: 250px;
}
div.Box300h_container_box{
height: 300px;
}
br.container_br{}
br.Compact_container_br{
line-height: 0px;
padding: 0px;
margin: 0px;
}
div.Compact_container_box{
padding: 0px;
margin: 0px;
}
div.Wide_container_box{width: 100%}
.Wide_moduletitle{width: 100%}
.Wide_modulebody{width: 100%}
div.Tall_container_box{height: 100%}
.Tall_moduletitle{height: 100%}
.Tall_modulebody{height: 100%}
div.FrameBold_container_box{
border: 5px solid transparent;;
padding: 30px;
}
div.FrameModerate_container_box{
border: 3px solid transparent;
padding: 30px;
}
div.FrameSubtle_container_box{
border: 1px solid transparent;
padding: 30px;
}
div.FrameBoldDashed_container_box{
border: 5px dashed transparent;;
padding: 30px;
}
div.FrameModerateDashed_container_box{
border: 3px dashed transparent;
padding: 30px;
}
div.FrameSubtleDashed_container_box{
border: 1px dashed transparent;
padding: 30px;
}
div.dividerTop01_container_box{
border-top: 1px solid transparent;
padding-top: 40px;
}
.dividerTop01_moduletitle{
}
.dividerTop01_modulebody{
}
div.dividerTop02_container_box{
border-top: 1px dashed transparent;
padding-top: 40px;
}
.dividerTop02_moduletitle{
}
.dividerTop02_modulebody{
}
div.dividerTop03_container_box{
background: url('/imagelib/files/imagegallerymodule/46d6f5f44a74c/gallery172/dividerTop03.png') no-repeat top center;
padding-top: 40px;
}
.dividerTop03_moduletitle{
}
.dividerTop03_modulebody{
}
div.dividerBottom01_container_box{
border-bottom: 1px solid transparent;
padding-bottom: 40px;
}
.dividerBottom01_moduletitle{
}
.dividerBottom01_modulebody{
}
div.dividerBottom02_container_box{
border-bottom: 1px dashed transparent;
padding-bottom: 40px;
}
.dividerBottom02_moduletitle{
}
.dividerBottom02_modulebody{
}
div.dividerBottom03_container_box{
background: url('/imagelib/files/imagegallerymodule/46d6f5f44a74c/gallery172/dividerBottom03.png') no-repeat bottom center;
padding-bottom: 40px;
}
.dividerBottom03_moduletitle{
}
.dividerBottom03_modulebody{
}
div.SmallText_container_box{}
.SmallText_moduletitle{}
.SmallText_modulebody{
font-size: medium;
}
div.BigText_container_box{}
.SBigText_moduletitle{}
.BigText_modulebody{
font-size: medium;
}
div.biggerTitle_container_box{
}
.biggerTitle_moduletitle{
font-size: 48px !important;
}
.biggerTitle_modulebody{
}
div.titleCenter_container_box{
}
.titleCenter_moduletitle{
text-align: center !important;
}
.titleCenter_modulebody{
}
div.biggerTitleCenter_container_box{
}
.biggerTitleCenter_moduletitle{
text-align: center !important;
font-size: 48px !important;
}
.biggerTitleCenter_modulebody{
}
div.titleStyleCheck_container_box{
}
.titleStyleCheck_moduletitle:before{
font-family: 'FontAwesome';
content: '\f046';
margin:0 5px 0 0px;
color: #9dc863;
}
.titleStyleCheck_modulebody{
}
div.titleStyleCheck02_container_box{
}
.titleStyleCheck02_moduletitle:before{
font-family: 'FontAwesome';
content: '\f058';
margin:0 5px 0 0px;
color: #9dc863;
}
.titleStyleCheck02_modulebody{
}
div.titleStylePlus_container_box{
}
.titleStylePlus_moduletitle:before{
font-family: 'FontAwesome';
content: '\f067';
margin:0 5px 0 0px;
}
.titleStylePlus_modulebody{
}
div.titleStyleStar_container_box{
}
.titleStyleStar_moduletitle:before{
font-family: 'FontAwesome';
content: '\f005';
margin:0 5px 0 0px;
color: #E5C20D;
}
.titleStyleStar_modulebody{
}
div.titleStyleWarning_container_box{
}
.titleStyleWarning_moduletitle:before{
font-family: 'FontAwesome';
content: '\f071';
margin:0 5px 0 0px;
color: #E5C20D;
}
.titleStyleWarning_modulebody{
}
div.titleStyleBan_container_box{
}
.titleStyleBan_moduletitle:before{
font-family: 'FontAwesome';
content: '\f05e';
margin:0 5px 0 0px;
color: #AD0000;
}
.titleStyleBan_modulebody{
}
div.titleStyleFolder_container_box{
}
.titleStyleFolder_moduletitle:before{
font-family: 'FontAwesome';
content: '\f07b';
margin:0 5px 0 0px;
color: #E5C20D;
}
.titleStyleFolder_modulebody{
}
div.titleStyleGear_container_box{
}
.titleStyleGear_moduletitle:before{
font-family: 'FontAwesome';
content: '\f013';
margin:0 5px 0 0px;
}
.titleStyleGear_modulebody{
}
div.titleStyleHeart_container_box{
}
.titleStyleHeart_moduletitle:before{
font-family: 'FontAwesome';
content: '\f08a';
margin:0 5px 0 0px;
color: #AD0000;
}
.titleStyleHeart_modulebody{
}
div.photoBorder_container_box{
}
.photoBorder_moduletitle{
}
.photoBorder_modulebody{
}
.photoBorder_modulebody img{
border: 8px solid #FFF;
box-shadow: 0px 0px 10px;
}
div.photoRounded_container_box{
}
.photoRounded_moduletitle{
}
.photoRounded_modulebody{
}
.photoRounded_modulebody img{
border-radius: 10px;
}
div.imgHoverZoom_container_box{
overflow:hidden;
}
.imgHoverZoom_moduletitle{
}
.imgHoverZoom_modulebody{
transition: all 0.6s ease-in-out;
}
.imgHoverZoom_modulebody:hover{
transform: scale(1.1);
}
div.sliderzoomout_container_box{
}
.sliderzoomout_moduletitle{
}
.sliderzoomout_modulebody{
}
@media screen and (min-width: 992px){
.sliderzoomout_modulebody .img-responsive, .sliderzoomout_modulebody .carousel-inner > .item > img, .sliderzoomout_modulebody .carousel-inner > .item > a > img{
-webkit-animation: zoomout 6s 1;
animation: zoomout 6s 1;
animation-fill-mode: forwards;
}
}
@-webkit-keyframes zoomout{
0%{transform: scale(1.1)}
100%{transform: scale(1)}
}
@keyframes zoomout{
0%{transform: scale(1.1)}
100%{transform: scale(1)}
}
div.Help_container_box{
border: 4px solid transparent;
padding: 4px;
padding-top: 22px;
background: #FFFFCC url("/hotdoodle_engine/iconset/doodle_instructions.gif") no-repeat top left;
}
.Help_moduletitle{background-color: #FFFFCC}
.Help_modulebody{background-color: #FFFFCC}
div.Wizard_container_box{
border: 4px solid #FFFFCC;
padding: 4px;
background: transparent;
}
.Wizard_moduletitle{background-color: transparent}
.Wizard_modulebody{background-color: transparent}
.shide_moduletitle{
font-size: xx-small !important;
color: #E0E0E0 !important;
background-color: transparent !important;
background-image: none !important;
}
.shide_modulebody, .shide_modulebody h1, .shide_modulebody h2, .shide_modulebody p, .shide_modulebody a{
font-size: xx-small !important;
color: #E0E0E0 !important;
margin: 0px !important;
font-weight: 100 !important;
background-color: transparent !important;
background-image: none !important;
}
.shide_container_box{
font-size: xx-small !important;
color: #E0E0E0 !important;
background-color: transparent;
background-image: none !important;
}
.shide2_modulebody, .shide2_modulebody h1, .shide2_modulebody h2, .shide2_modulebody p, .shide2_modulebody a{
line-height: 6px;
overflow: hidden;
height: 10px;
color: #E0E0E0 !important;
}
.side_modulebody a.doodlelink{
color: red !important;
}
.divpostfooter .modulebody,
.divpostfooter .modulebody p,
.divpostfooter .modulebody span{
color: #222222;
}
.divpostfooter .shide_modulebody,
.divpostfooter .shide_moduletitle,
.divpostfooter .shide_modulebody h1,
.divpostfooter .shide_modulebody h2,
.divpostfooter .shide_modulebody p,
.divpostfooter .shide_modulebody span,
.divpostfooter .shide_modulebody a{
color: #363636 !important;
}
#OT_searchWrapperAll{
background: transparent !important;
}
#OT_searchWrapper{
background: transparent !important;
}
#OT_logo{
background: transparent !important;
}
#OT_logoLink{
background: transparent !important;
}
.sidebar #OT_searchWrapperAll{
background: transparent !important;
}
.sidebar #OT_searchWrapper{
background: transparent !important;
}
.sidebar #OT_logo{
background: transparent !important;
}
.sidebar #OT_logoLink{
background: transparent !important;
}
.divtop #OT_searchWrapperAll{
background: transparent !important;
}
.divtop #OT_searchWrapper{
background: transparent !important;
}
.divtop #OT_logo{
background: transparent !important;
}
.divtop #OT_logoLink{
background: transparent !important;
}
.ui-sortable-handle{
cursor:move;
}
.respAll{
display: block;
}
@media (max-width: 767px){
.respMobile{
display: block;
}
.respMobile_or_Tablet{display: block;
}
.respTablet_or_Laptop{
display: none;
}
.respLaptop{
display: none;
}
.respLaptopIL{
display: none;
}
.respMobile{
display: block;
}
.XrespMobile{
display: none;
}
.XrespMobile_or_Tablet{display: none;
}
.XrespTablet_or_Laptop{
display: block;
}
.XrespLaptop{
display: block;
}
.XrespLaptopIL{
display: inline;
}
}
@media (min-width: 768px){
.respMobile{
display: none;
}
.respMobile_or_Tablet{display: block;
}
.respTablet_or_Laptop{
display: block;
}
.respLaptop{
display: none;
}
.respLaptopIL{
display: none;
}
.XrespMobile{
display: block;
}
.XrespMobile_or_Tablet{display: none;
}
.XrespTablet_or_Laptop{
display: none;
}
.XrespLaptop{
display: block;
}
.XrespLaptopIL{
display: inline;
}
}
@media (min-width: 992px){
.respMobile{
display: none;
}
.respMobile_or_Tablet{display: none;
}
.respTablet_or_Laptop{
display: block;
}
.respLaptop{
display: block;
}
.respLaptopIL{
display: inline;
}
.XrespMobile{
display: block;
}
.XrespMobile_or_Tablet{display: block;
}
.XrespTablet_or_Laptop{
display: none;
}
.XrespLaptop{
display: none;
}
.XrespLaptopIL{
display: none;
}
}
.textfooter_modulebody{
color: #EAEDF0 !important;
font-size: x-small;
font-weight: bold;
text-align: center;
}
.form_title{
color: #F9F4EB !important;
padding-top: 7px;
padding-bottom: 7px;
}
div.blueBackground_container_box{
background-color:#309add !important;
border-radius: 10px;
background-image: url('/files/imagegallerymodule/50b807c0ec152/gallery15/blue_box_top.jpg');
background-position: top center;
background-repeat: no-repeat !important;
padding: 25px;
}
.blueBackground_moduletitle{
}
.blueBackground_modulebody{
}
div.whiteFont_container_box{
}
.whiteFont_moduletitle{
color: #FFFFFF;
}
.whiteFont_modulebody{
color: #FFFFFF;
}
div.insideFrame_container_box{
background: #FFFFFF url('/files/imagegallerymodule/44d3c9fa539f4@random/gallery4/companyLogo.jpg') no-repeat top center;
padding: 85px 0 0 0;
}
.insideFrame_moduletitle{
padding: 10px 20px 10px 0px;
}
.insideFrame_modulebody{
padding-left: 20px;
padding-bottom: 20px;
}
div.questionnaire_container_box{
}
.questionnaire_moduletitle{
font-size: small;
color: #666666;
font-weight: bold;
}
.questionnaire_modulebody{
}
ul{
padding-left: 60px;
}
a.login_welcome_oneline{
font-size: small;
text-decoration: none;
color: red;
font-weight: normal;
}
div.removeTopPadding_container_box{
}
.removeTopPadding_moduletitle{
}
.removeTopPadding_modulebody{
}
div.leftPadding_container_box{
padding-left: 30px;
}
.leftPadding_moduletitle{
}
.leftPadding_modulebody{
}
div.centerImagesIE_container_box{
}
.centerImagesIE_moduletitle{
}
.centerImagesIE_modulebody{
}
div.websiteExampleTop_container_box{
background-image: url('/files/imagegallerymodule/44d3c9fa539f4@random/gallery4/website_top_bg.jpg');
background-position: top center;
background-repeat: no-repeat;
background-color: #FFFFFF;
}
.websiteExampleTop_moduletitle{
}
.websiteExampleTop_modulebody{
}
div.textForWebsitePadding_container_box{
padding: 0px 15px 0px 15px;
}
.textForWebsitePadding_moduletitle{
}
.textForWebsitePadding_modulebody{
}
div.reduceMargin_container_box{
margin-bottom: -10px;
}
.reduceMargin_moduletitle{
}
.reduceMargin_modulebody{
}
div.reduceMarginMore_container_box{
margin-bottom: -30px;
}
.reduceMarginMore_moduletitle{
}
.reduceMarginMore_modulebody{
}
div.bodyBackground_container_box{
background-color: #e6e6e6;
}
.bodyBackground_moduletitle{
}
.bodyBackground_modulebody{
}
div.submitButton_container_box{
}
.submitButton_moduletitle{
}
.submitButton_modulebody input.button{
background-image: url('/files/imagegallerymodule/44d3c9fa539f4@random/gallery4/submit_button.jpg');
background-repeat: no-repeat;
width: 96px;
height: 32px;
border: none;
margin-left: 50px;
margin-top: 5px;
}
div.websiteBottomMarginReduce_container_box{
}
.websiteBottomMarginReduce_moduletitle{
}
.websiteBottomMarginReduce_modulebody{
}
div.headerPaddingReduce_container_box{
}
.headerPaddingReduce_moduletitle{
}
.headerPaddingReduce_modulebody{
}
div.centerButtonImagesIE_container_box{
}
.centerButtonImagesIE_moduletitle{
}
.centerButtonImagesIE_modulebody{
}
div.paddingHowToPage_container_box{
padding-top: 25px;
}
.paddingHowToPage_moduletitle{
}
.paddingHowToPage_modulebody{
}
div.blackTitle_container_box{
}
.blackTitle_moduletitle{
color: #000000;
}
.blackTitle_modulebody{
}
div.clientNamePadding_container_box{
padding-top: 15px;
}
.clientNamePadding_moduletitle{
}
.clientNamePadding_modulebody{
}
div.boxShadow_container_box{
box-shadow: 5px 5px 5px #888;
}
.boxShadow_moduletitle{
}
.boxShadow_modulebody{
}
div.logoPadding_container_box{
margin-left: auto;
margin-right: auto;
}
.logoPadding_moduletitle{
}
.logoPadding_modulebody{
}
div.optionalFeaturesPadding_container_box{
margin-left: auto;
margin-right: auto;
}
.optionalFeaturesPadding_moduletitle{
}
.optionalFeaturesPadding_modulebody{
}