/*#BEGIN#*/
/*# name="01 Factory" reference="ref/subscribeform.css\01_Factory.htm" description="Styles provided by developer" #*/
.Component .SubscribeForm .painting-default {
    background-color:rgb(44,44,50);
   /* default properties for component element */
    border-width: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

fieldset.hidden {
    display: none;
    visibility: hidden;
}

form.return .buttons-back button {
     float: right;
    background: none;
    border: none;
    color: #2590D0;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}
form.return .buttons-back button:hover {
    text-decoration: underline;
}
.Component .SubscribeForm div.description {
    margin: 0 0 8px;
    padding: 0;
}
form.left {
    float:left;
    width: 47%;
}
form.right {
    float:right;
    width: 47%;
}
form.right .buttons-right button {
float: right;
background: none;
border: none;
color: #2590D0;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
}
form.right .buttons-right button:hover {
text-decoration: underline;
}
form.left .buttons-left button {
float: left;
background: none;
border: none;
color: #2590D0;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
}
form.left .buttons-left button:hover {
text-decoration: underline;
}
.Component .SubscribeForm form fieldset div.fields  div.fieldset-column {
margin:0;
padding:0;
width: 49%;
float: left;
}
.Component .SubscribeForm .labelPositioning-left div.fields div .proposedValues .fieldset-column label {
width: 90%;
}





/*#END#*/
/*#BEGIN#*/
/*# name="02 General" reference="ref/subscribeform.css\General.htm" description="General styles for this project" #*/
/* 'img/required.gif' */
/* 'img/missing.gif' */
/* 'img/required.gif' */
.Component .SubscribeForm {
background-color:rgb(44,44,50);
/* default properties for component element */
border-width: 0 !important;
list-style: none !important;
margin: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
overflow: visible !important;
/*
padding: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;*/
padding: 0.5em;
}
.Component .SubscribeForm h3 {
background-color:rgb(56,56,65);
color:rgb(163,162,164);
font-weight: bold;
margin:0;
padding:0.45em 1.0em;
text-transform: uppercase;
}
.Component .SubscribeForm form {
margin-top:0;
overflow:visible;
padding:0 ;
width:100%;
}
.Component .SubscribeForm form fieldset .fields .item {
clear:both;
float:none;
margin:0;
overflow:visible;
padding:0 ;
width:100% !important;
}
.Component .SubscribeForm input, .Component .SubscribeForm select, .Component .SubscribeForm optgroup, .Component .SubscribeForm option, .Component .SubscribeForm textarea {
color:rgb(44,44,50);
}
.Component .SubscribeForm input {
overflow: hidden; /*ie6*/
}
.Component .SubscribeForm input.checkbox, .Component .SubscribeForm input.radio {
color: rgb(0,153,255);
}
.Component .SubscribeForm form .buttons {
margin:1em 0 1em auto;
padding:0;
text-align: center;
width:34%;
#width:32%;
}
html:first-child .Component .SubscribeForm form .buttons { /*opera*/
width:62%;
}

.Component .SubscribeForm form .buttons button {
background-color:rgb(72,72,81);
background-position:left top;
background-repeat:no-repeat;
border:0pt none;
color:#FFFFFF;
cursor:pointer;
font-size:1em;
/*height:20px;*/
height:1.7em;
line-height:1.7em;
margin-left:5px;
margin-right:5px;
margin-top:0;
width:5em;
}
.Component .SubscribeForm form fieldset {
/*background-color:rgb(100,100,125);*/
border:0;
clear:both;
margin: 1em 1.5%;
padding:1em 1%;
width:95%;
}
.Component .SubscribeForm form fieldset legend {
color:rgb(163,162,164);
margin:0 0 0 auto;
padding: 0 0.5em 0 1.8em;
}
.Component .SubscribeForm form div.legend {
background-color:rgb(56,56,65);
background-image: url('img/required.gif');
_background-image: none;
background-repeat: no-repeat;
background-position: 1em 0.5em;
color:rgb(163,162,164);
float:right;
/*margin:0 0 0 auto;*/
padding: 0 0.5em 0 1.8em;
/*
position:relative;
right:-10%;
*/
}
.Component .SubscribeForm form fieldset div.fields {
margin:0;
padding: 0;
width:100%;
}
.Component .SubscribeForm form fieldset div.fields div.setting-required,
.Component .SubscribeForm form fieldset div.fields div.setting-missing,
.Component .SubscribeForm form fieldset div.fields div.setting-optional,
.Component .SubscribeForm form fieldset div.fields div.setting-default {
clear:left;/*both*/
margin:0;
margin-top:1em;/*2*/
overflow:hidden;
width:100%;
}
.Component .SubscribeForm form fieldset div.fields div input,
.Component .SubscribeForm form fieldset div.fields div label,
/*.Component .SubscribeForm form fieldset div.fields div optgroup,
.Component .SubscribeForm form fieldset div.fields div option,*/
.Component .SubscribeForm form fieldset div.fields div select,
.Component .SubscribeForm form fieldset div.fields div textarea,
.Component .SubscribeForm form fieldset div.fields div .help,
.Component .SubscribeForm form fieldset div.fields div .help-notAvailable {
display:block;
float: left;
}
.Component .SubscribeForm form fieldset div.fields div input,
.Component .SubscribeForm form fieldset div.fields div textarea {
margin:0; /*0 0.8em 0 0;*/
padding:0 1.5%; /*0 0.5em;*/
width:60%;/*added*/
}
.Component .SubscribeForm form fieldset div.fields div input.file {
width:65%;/* is minimum for FF *//*added*/
#width:68%;/*ie67*//*added*/
}
.Component .SubscribeForm form fieldset div.fields div select {
/*margin-top:0;*//*try to merge with above*/
margin:0;
padding:0;/*added*/
width:64%;
}
.Component .SubscribeForm form fieldset div.fields div input,
.Component .SubscribeForm form fieldset div.fields div textarea
.Component .SubscribeForm form fieldset div.fields div select {
border: 1px solid #706f6f;
}
.Component .SubscribeForm form fieldset div.fields div .proposedValues .dayOfMonth,
.Component .SubscribeForm form fieldset div.fields div .proposedValues .month,
.Component .SubscribeForm form fieldset div.fields div .proposedValues .year {
display:inline;
float:none;
}
.Component .SubscribeForm form fieldset div.fields div .proposedValues label.dayOfMonth,
.Component .SubscribeForm form fieldset div.fields div .proposedValues label.month,
.Component .SubscribeForm form fieldset div.fields div .proposedValues label.year {
display:none;
}
.Component .SubscribeForm form fieldset div.fields div .proposedValues input.dayOfMonth,
.Component .SubscribeForm form fieldset div.fields div .proposedValues input.month {
width:2em;
}
.Component .SubscribeForm form fieldset div.fields div .proposedValues input.year {
width:3em;
}
.Component .SubscribeForm form fieldset div.fields div .proposedValues select.dayOfMonth,
.Component .SubscribeForm form fieldset div.fields div .proposedValues select.month {
margin:0;
padding:0;
width:4em;
}
.Component .SubscribeForm form fieldset div.fields div .proposedValues select.year {
margin:0;
padding:0;
width:5.5em;
}
.Component .SubscribeForm form fieldset div.fields div label,
.Component .SubscribeForm form fieldset div.fields div optgroup,
/*.Component .SubscribeForm form fieldset div.fields div option,*/
.Component .SubscribeForm form fieldset div.fields div .help,
.Component .SubscribeForm form fieldset div.fields div .help-notAvailable {
width: 99%;
}
.Component .SubscribeForm form fieldset div.fields div input {
/*width: 95%;*/
}
.Component .SubscribeForm form fieldset div.fields div textarea {
/*width: 95%;*/
}
.Component .SubscribeForm form fieldset div.fields div select {
/*width: 98%;*/
}
.Component .SubscribeForm form div.fields div label {
color:rgb(163,162,164);
display:block;
float:left;
margin:0;
padding:0 4%;/*0 1em 0 0.7em;*/
}
.Component .SubscribeForm form div.fields div label:after {
content: ":";
}
.Component .SubscribeForm form div.fields div .proposedValues label:after {
content: "";
}
.Component .SubscribeForm form div.fields .proposedValues {
display:block;
float:left;
margin-top:0;
/*padding-left:0.7em;*/
/*padding:0 1em 0 0.7em;*/
}
.Component .SubscribeForm form div.fields .proposedValues li {
margin-top:0;
}
.Component .SubscribeForm form div.fields div .proposedValues label {
clear:both;
display: block;
float: left;
padding-left:0;
position:relative;
width: 90%;
}
.Component .SubscribeForm form div.fields div .proposedValues label.dayOfMonth, .Component .SubscribeForm form div.fields div .proposedValues label.month, .Component .SubscribeForm form div.fields div .proposedValues label.year {
display: inline;
float: none;
}
.Component .SubscribeForm form div.fields div .proposedValues input {
background-color:white;
border-style: none;
display:block;
margin-right: 1em;
margin-top:0;
width:auto;
}
.Component .SubscribeForm form div.fields div .proposedValues input.dayOfMonth,
.Component .SubscribeForm form div.fields div .proposedValues input.month,
.Component .SubscribeForm form div.fields div .proposedValues input.year {
margin-right: 0.2em;
}
.Component .SubscribeForm form div.fields div .proposedValues optgroup {
background-color: white;
}
.Component .SubscribeForm form div.fields div .proposedValues input.checkbox,
.Component .SubscribeForm form div.fields div .proposedValues input.radio {
#background-color:transparent;
padding-left:0.2em;
}
.Component .SubscribeForm form div.fields div.setting-required {
background-image: url('img/required.gif');
_background-image: none;/* ie6 displays '*' */
background-repeat: no-repeat;
background-position: 0.1em 0.5em;
}
.Component .SubscribeForm form div.fields div.setting-missing {
background-image: url('img/missing.gif');
_background-image: none;/* ie6 displays '*' */
background-repeat: no-repeat;
background-position: 0.1em 0.5em;
}
.Component .SubscribeForm .requiredSignalForReaders {
color:rgb(0,153,255);
font-weight:bold;
display:none;
_display:block; /*ie6 only*/
float:left;
margin:0;
padding:0;
width:2%;
}
.Component .SubscribeForm form div.fields div.setting-missing label {
color:rgb(0,153,255);
}
.Component .SubscribeForm form div.fields div.setting-missing input, .Component .SubscribeForm form div.fields div.setting-missing select, .Component .SubscribeForm form div.fields div.setting-missing textarea {
background-color:rgb(176,223,255);
border:1px solid rgb(0,153,255);
}
.Component .SubscribeForm form fieldset div.fields div.help-notAvailable {
visibility: hidden;
width:3em;
}
.Component .SubscribeForm form fieldset div.fields div.help {
margin:1em auto auto 0;
/*margin-top:1em;2*/
/*overflow:hidden;*/
overflow:visible;
padding-left: 0;
position:static;
}
.Component .SubscribeForm form fieldset div.fields div.help a {
cursor: pointer;
padding: 0;
margin:auto;
position:static;
text-decoration:none;
cursor:default;
/* non-standard : make non-selectable */
/*
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
*/
}
.Component .SubscribeForm form fieldset div.fields div.help a:hover {
/*background-color:white;*/
font-size: 100%;
overflow:hidden;
width:15em;
}
.Component .SubscribeForm form fieldset div.fields div.help a .explanation {
background-color:#383841;
border: 2px solid #575765;
color:#a3a2a4;
display:none;
padding-right:0;
margin-right:0;
width:auto;/*1em*/
/*
filter:alpha(opacity=80);
-moz-opacity:.8;
opacity:.8;
*/
}
.Component .SubscribeForm form fieldset div.fields div.help a:hover .explanation {
display:block;
float:left;
padding:0.3em 0.6em;
margin-bottom:1em;
margin-left:0em;/*3*/
#margin-left:-18px;/* IE - The width of help image in negative */
margin-top:0em;/*0.2*/
/*position:absolute;*/
text-align:justify;
width:10em;
z-index:10;
}
.Component .SubscribeForm form fieldset div.fields div.help a .trigger {
background-color:transparent;
color:white;
display:block;
float:left;
margin: 0;
padding: 0;
}
.Component .SubscribeForm form fieldset div.fields div.help a:hover .trigger {
color:rgb(42,133,208);
}


/* -----------------------------------------*/
/* Miscellaneous */
/* -----------------------------------------*/
#content-left .Component .SubscribeForm form fieldset,
#content-right .Component .SubscribeForm form fieldset {
padding-left:0;
padding-right:0;
width:100%;
}

/*#END#*/
/*#BEGIN#*/
/*# name="03 Label position left" reference="ref/subscribeform.css\03_Label_position_left.htm" description="Styles for render with labels position left" #*/
/* ----------------------------------------- */
/* LABEL-POSITIONING : labelPositioning-left */
/* ----------------------------------------- */
.Component .SubscribeForm .labelPositioning-right div.fields div.setting-required,
.Component .SubscribeForm .labelPositioning-right div.fields div.setting-missing,
.Component .SubscribeForm .labelPositioning-right div.fields div.setting-default,
.Component .SubscribeForm .labelPositioning-right div.fields div.setting-optional {
/*debug*/ /*background-color:lime;*/
width:65%;
clear:none;
float: left;
}
.Component .SubscribeForm .labelPositioning-left div.fields div.help {
/*background-color:blue;*/
width:30%;
clear:none;
float: left;
margin-left: 0;
}
.Component .SubscribeForm .labelPositioning-left div.fields div label {
display:block;
float:left;
text-align: left;
width: 24%;
}
.Component .SubscribeForm .labelPositioning-left div.fields .lopd div label {
width: auto;
}
/*.Component .SubscribeForm .labelPositioning-left div.fields div select,*/
.Component .SubscribeForm .labelPositioning-left div.fields div .proposedValues {
width: 65%;
}
.Component .SubscribeForm .labelPositioning-left div.fields .lopd div .proposedValues {
width: 15%;
}
/*
.Component .SubscribeForm .labelPositioning-left div.fields div input, .Component .SubscribeForm .labelPositioning-left div.fields div textarea {
width: 63%;
}
*/
/*
.Component .SubscribeForm .labelPositioning-right div.fields div input.file {
width:auto;
}
*/
.Component .SubscribeForm .labelPositioning-left div.fields div .proposedValues label {
/*position:relative;*/ /*ie peekaboo*/
text-align: left;
width: 95%;
}
.Component .SubscribeForm form .labelPositioning-left div.fields div.help a:hover .explanation {
position:absolute;
}



/*#END#*/