/*******FOR GLOBAL STYLING*********/

html, body {
    overflow-x: hidden;
}

html {
    overflow-y: auto;
}

body {
    font: 12px arial;
    margin: 0px;
}

select{
    z-index: 0;
}

option{
    z-index: 0;
}


.png{
}

h1, h2, h3, h4, body, p, td {
    font-family: Arial, sans-serif;
    font-size: 12px;
}

h4, h3 {
    text-align: center;
    margin: 0px;
    background: #EEEEEE url(http://www.dancostabile.com/yoursqueezepage/images/h3back.gif) repeat-x;
    background-position: bottom left;
    padding: 2px;
    margin: 4px 0px 4px 0px;
    border: 1px solid #999999;
}

a:hover, a, a:visited, a:link, a:active, .link, .textButton {
    color: #0000CC;
}

a, a:visited, a:link, a:active {
    text-decoration: none;
}

a:hover, .link:hover {
    text-decoration: underline;
    cursor: pointer;
}

p {
    padding: 0px;
    margin: 0px;
}

.global-table, .buttonContainer {
    width: 550px;    
}

.global-table {
    margin: auto;
}

.clickableIcon, .selectedClickableIcon, .hiddenIframe {
    border-color: rgb(115, 125, 255);
}

.clickableIcon, .selectedClickableIcon {
    border-width: 1px;
    padding: 1px;
}

.clickableIcon {
    border-style: dotted;
}


.clickableIcon:hover, .selectedClickableIcon {
    cursor: pointer;
    border-style: solid;
    background-color: rgb(232,245,253);
}


/** Good and Bad Notices ************************************************************/

.bad-notice, .good-notice, .good-notice2 {
    font-weight: bold;
/*    padding: 0.5em;
    margin: 0.5em;         */
    width: inherit;
}

.bad-notice, .good-notice {
    text-align: center;
}

.bad-notice {
    color: #ff0000;
    border: 1px solid #fcd9d9;
    background: transparent url(http://www.dancostabile.com/yoursqueezepage/images/red-grad.png) repeat-x;
}

.good-notice, .good-notice2 {
    border: 1px solid #c3dec3;
    background: transparent url(http://www.dancostabile.com/yoursqueezepage/images/green-grad.png) 100% 100% repeat-x;
}
    
.good-notice {
    color: #007700;
}

.good-notice2 {
    text-align: left;
    height: 50px;
    width: 100%;
}

.good-notice2 .mainMsg, .good-notice2 .subMsg {
    color: #117711;
}

.good-notice2 .subMsg {
    font-size: 10px;
}


/** Drop-Down Iframes ****************************************************************/

.hiddenIframe {
   display: none;
   position: absolute;    
   border-width: 5px;
   border-style: solid;
   z-index: 1000;
}  

.innerHiddenIframe {
   margin: 0px;
   border: 0px;
   background-color: #FFF;
}



/** Iframes of Steps ******************************************************************/

.stepIframe {
    padding-left: 10px;
    padding-right: 10px;
}



/** Text and Help Buttons *************************************************************/

.buttonContainer {
    text-align: right;
    display: block;
    margin: 14px 0px 15px 0px;
    height: 30px;
}



.helpButton, .textButton {
    cursor: pointer;
    padding: 2px;
    margin-left: 4px;
}

.helpButton {
    height: 25px;
    width: 150px;     
}

.textButton {
    height: 20px;
    float: left;
}

.buttonContainer > .textButton {
	float: right;
}

.textButtonMsg {
    padding-top: 1px;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.textButtonMsg img {
    margin-top: 2px;
}

.helpButtonMsg {
    padding-top: 4px;
    float: left;
    width: 118px;    
    padding-left: 5px;
}

.helpButtonImg, .textButtonImg {
    margin-left: 2px;
    border: 0px;
    float: left;
}

/** Middle Pane *****************************************************************/

#advancedMenuTable td {
    color: #0000BB;
}


/** Text Step Buttons *****************************************************************/

#save-headline {
    display: none;
}

#add-headline {
    display: block;
}

#savenew-headline {
    display: none;
}

/** Step Flipping **/
#flipPreviousButton {
    position: absolute;
    text-align: left;
    top: 7px;
    left: 15px;
    font-weight: bold;
}

#flipNextButton {
    position: absolute;
    text-align: right;
    top: 7px;
    right: 15px;
    font-weight: bold;
}

a{
    cursor: pointer;
}