/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
}

.jqmOverlay { background-color: #000; }




#modalLogin
{
    /*width: 329px;
    margin-left: -164px;*/
    width: 420px;
    padding-bottom: 20px;
    margin-left: -210px;    
}
#modalLogin a.jqmClose
{
    display: block;
    position: absolute;
    top: 18px;
    right: 24px;
    
}
.modalLoginContainer
{
    padding-bottom: 20px;
    /*background: url(../images/dialog_btm_bg.png) no-repeat 0 100%;*/
    background: url(../images/dialog_btm_bg_420.png) no-repeat 0 100%;
}
.modalLoginHeader
{
    /*background: url(../images/dialog_top_bg.png) no-repeat 0 0;
    height: 20px;*/
    
    background: url(../images/dialog_top_bg_420.png) no-repeat 0 0;
    height: 20px;
}
.modalLoginBody
{
    /*background: url(../images/dialog_bg.png) repeat-y 0 0;
    padding: 6px 24px;
    text-align: left;*/
    
    background: url(../images/dialog_bg_420.png) repeat-y 0 0;
    padding: 6px 24px;
    text-align: left;
}

/* ~~~ === FORM POST ERROR DIALOG ====================================== ~~~ */
div.formModal
{
    width: 329px;
    margin-left: -164px;
}
div.formModal a.jqmClose
{
    display: block;
    position: absolute;
    top: 18px;
    right: 24px;
}
div.formModalContainer
{
    padding-bottom: 20px;
    background: url(../images/dialog_btm_bg.png) no-repeat 0 100%;
}
div.formModalHeader
{
    background: url(../images/dialog_top_bg.png) no-repeat 0 0;
    height: 20px;
}
div.formModalBody
{
    background: url(../images/dialog_bg.png) repeat-y 0 0;
    padding: 6px 24px;
    text-align: left;
}
ul.formModalErrorMessage
{
    list-style-type: none;
    margin: 1em 0;
    padding: 0;
}
ul.formModalErrorMessage li
{
    color: #ff0000;
    line-height: 1.3em;
}
div.formModalFooter{}

/* ~~~ === FORGOT PASSWORD DIALOG ====================================================== ~~~ */

#forgotPasswordModalContentText table.formtable th
{
    padding: 0 4px 0 0;   
}
#forgotPasswordModal div.formModalBody
{
    padding: 6px 20px;
}

/* ~~~ === SEARCH RESULTS MODAL WINDOWS ================================================== ~~~ */
#modalStoryboardLogo,
#addToVaultModal,
#addToPurchase
{
    width: 420px;
    padding-bottom: 20px;
    margin-left: -210px;
}
#modalStoryboardLogo a.jqmClose,
#addToVaultModal a.jqmClose,
#addToPurchase a.jqmClose
{
    display: block;
    position: absolute;
    top: 18px;
    right: 24px;
    
}
#modalStoryboardLogo div.formModalContainer,
#addToVaultModal div.formModalContainer,
#addToPurchase div.formModalContainer
{
     background: url(../images/dialog_btm_bg_420.png) no-repeat 0 100%;
}
#modalStoryboardLogo div.formModalHeader,
#addToVaultModal div.formModalHeader,
#addToPurchase div.formModalHeader
{
    background: url(../images/dialog_top_bg_420.png) no-repeat 0 0;
    height: 20px;
}
#modalStoryboardLogo div.formModalBody,
#addToVaultModal div.formModalBody,
#addToPurchase div.formModalBody
{
    background: url(../images/dialog_bg_420.png) repeat-y 0 0;
    padding: 6px 24px;
    text-align: left;
}
#modalStoryboardLogo div.formModalBody,
#addToPurchase div.formModalBody
{
    padding: 24px 24px 6px;
}
#addToVaultModal div.formModalBody table.formtable th
{
    width: 200px;   
}
#addToPurchase div.formModalBody table.formtable .button input{outline: none;}
#modalStoryboardLogo table.formtable tfoot td,
#addToPurchase table.formtable tfoot td
{
    padding-top: 10px;
}
/* ~~~ === MY TEMPLATE VAULT MODAL ============================================== ~~~ */

#templateVaultModal .Lbutton 
{
    height: 20px;
	background: url(/images/buttons/button_ongrey_left.gif);
}

#templateVaultModal .Rbutton {
	background:url(/images/buttons/button_ongrey_right.gif);
	width:10px;
	height:20px;
	float:left;
}
#templateVaultContentText
{
    padding-top: 10px;
}
#templateVaultContentText table.formtable tfoot td
{
    padding-top: 10px;
}
#templateVaultContentText span.inputSpan
{
    width: 185px;
    background: url(../images/input_185_bg.png) no-repeat 0 0;
}
#templateVaultContentText span.inputSpan input.input{width: 160px;}
div.modalProcessSuccessMessage{padding-bottom: 10px;}
div.modalCreditButtons{float: right;}  

/* ~~~ === REFERRAL LINKS MODAL ================================================= ~~~ */
#modalEmbed
{
    width: 560px;
    margin-left: -279px;
}
#modalEmbed div.formModalContainer
{
    background: url(../images/dialog_btm_bg_559.png) no-repeat 0 100%;
}
#modalEmbed div.formModalBody
{
    background: url(../images/dialog_bg_559.png) repeat-y 0 0;
    padding: 6px 28px;
}
#modalEmbed div.formModalHeader
{
    background: url(../images/dialog_top_bg_559.png) no-repeat 0 0;
    height: 20px;
}

#modalPackageElements
{
    width: 420px;
    padding-bottom: 20px;
    margin-left: -210px;
}
#modalPackageElements a.jqmClose
{
    display: block;
    position: absolute;
    top: 18px;
    right: 24px;    
}
#modalPackageElements div.modalFormContainer
{
     padding-bottom: 20px;
     background: url(../images/dialog_btm_bg_420.png) no-repeat 0 100%;
}
#modalPackageElements div.modalFormHeader 
{
    background: url(../images/dialog_top_bg_420.png) no-repeat 0 0;
    height: 20px;
}
#modalPackageElements div.modalFormBody,
#modalPackageElements div.modalFormIndicator
{
    background: url(../images/dialog_bg_420.png) repeat-y 0 0;
    padding: 6px 24px;
    text-align: left;
}
#modalPackageElements div.modalFormBody a{cursor: pointer;}