/* 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: absolute;
    top: 20%;
    left: 50%;    
    margin-left: -325px;
    width: 650px;    
    color: #333;
}

.jqmOverlay { background-color: #000; }
/*.jqmClose
{
    display: block;
    background: url(../images/close.gif) no-repeat 0 50%;
    position: absolute;
    top: 12px;
    right: 12px;
    padding-left: 18px;
}*/
img.ajaxLoading
{
    display: block;
    margin: 0 auto;
    padding: 60px 0;   
}
/* ~~~ === MODAL WINDOWS ======================================= ~~~ */
#dialog
{
    width: 391px;
    height: 163px;
    margin-left: -195px;
    background: transparent url(../images/dialog_bg.gif) no-repeat;    
}

#dialogCountry
{
    width: 470px;
    height: 300px;
    margin-left: -235px;
    background: transparent url(../images/dialog_order_detail.gif) no-repeat;    
}
 #dialogCountry #messageContainer
{
    text-align: center;
    margin-top: 98px;
    color: #fff;
    padding: 0 12px;
}
#dialogCountry table
{
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}
#dialogCountry table thead th
{
    font-weight: bold;
    border: 1px solid #434343;
    padding: 2px 4px;
    background-color: #212121;
}
#dialogCountry table tbody th
{
    font-weight: normal;
    text-align: left;
    border: 1px solid #434343;
    padding: 2px 4px;
}
#dialogCountry table tbody td
{
    font-weight: normal;
    padding: 2px 4px;
    border: 1px solid #434343;
}
#close
{
    display: block;
    position: absolute;
    bottom: 38px;
    left: 0;
    width: 391px;
    text-align: center;
    color: #fff;
}
#dialogCountry a#close
{
    display: block;
    top: 12px;
    right: 12px;
    width: 7px;
    height: 7px;
    bottom: auto;
    left: auto;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -99999em;
    outline: none;
}
#dialogCountry h2{font: 16px Verdana, Arial, Helvetica, sans-serif;}
#processing
{
    padding: 12px;
    text-align: center;
    margin-top: 64px;
}
#messageContainer
{
    text-align: center;
    font-weight: bold;
    margin-top: 88px;
    color: #fff;
	padding: 10px 34px;
}
#messageContainer p.error{color: #ff0000;}
#confidentiality
{
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 391px;
    color: #808080;
    font-weight: normal;
    text-align: center;
}
div.errorMessage
{
    color: #fff;
    text-align: center;
    padding: 0 12px;
}

/* ~~~ === LOGIN DIALOG ====================================== ~~~ */
#clanSwaziLogin
{
    width: 391px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../images/dialog_login_bg.gif) no-repeat;
}
#clanSwaziLogin .dialogContent{margin-top: 92px;}
#clanSwaziForgot .dialogContent{padding-top: 22px;}
.dialogContent .formtable
{
	margin: 0 auto;
}
#clanSwaziForgot .dialogContent label,
#clanSwaziLogin .dialogContent label{color: #fff;}
#clanSwaziForgot a.jqmClose,
#clanSwaziLogin a.jqmClose,
#forgotLoginClose a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#clanSwaziLogin a{color: #8B8B8C;}
#clanSwaziLogin #capsOn
{
    display: none;
    color: #ff0000;
}
/* ~~~ === OUT OF STOCK DIALOG ====================================== ~~~ */
#noStockDialog
{
    width: 391px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../images/dialog_bg.gif) no-repeat;
}
#noStockDialog .dialogContent{margin-top: 92px;}
#noStockDialog .dialogContent label{color: #fff;}
#noStockDialog a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#noStockDialog a{color: #8B8B8C;}

/* ~~~ === FORGOT PASSWORD ========================================== ~~~ */
#clanSwaziForgot
{
    width: 391px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../images/dialog_login_bg.gif) no-repeat;
}
#clanSwaziForgot a{color: #8B8B8C;}
#clanSwaziForgot .dialogContent{margin-top: 80px;}
#processingAnim
{
    position: absolute;
    bottom: 16px;
    left: 66px;
}
#forgotProcessingAnim
{
    position: absolute;
    bottom: 90px;
    left: 180px;
}
#forgotMessageDiv,
#messageDiv
{
    position: absolute;
    top: 76px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
}
/* ~~~ === JQMSG DIALOG =============================================== ~~~ */

#jqMsg
{
    width: 391px;
    top: 30%;
    left: 62%;    
}
#jqMsg a.jqmClose,
#jqMsg a.jqmClose,
#jqMsgClose a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#jqOK
{
    position: absolute;
    width: 50px;
    bottom: 1px;
    right: 6px;
    left: 175px;
    display: block;
    outline: none;
}
#jqMsg a{color: #8B8B8C;}

#jqMsgText
{
	min-height:40px;
	margin-left:62px;
	margin-top: 5px;
	margin-right:12px;
}

#jqMsgShield
{
	position: absolute;
    top: 17px;
    left: 15px;
    display: block;
}

#jqmMsgTable{width: 391px;}

#jqmMsgTable #head
{
	background: transparent url(../images/dialog/dialog_box_top.gif) no-repeat;
	font-size:1px;
	height: 8px;
}

#jqmMsgTable #middle
{
	background: transparent url(../images/dialog/dialog_box_middle.gif);
	background-repeat:repeat-y;
	color: white;
}

#jqmMsgTable #spacer
{
	background: transparent url(../images/dialog/dialog_box_middle.gif);
	background-repeat:repeat-y;
	color: white;
	height: 25px;
}

#jqmMsgTable #bottom
{
	height: 18px;
	background: transparent url(../images/dialog/dialog_box_bottom.gif) no-repeat;
}

/* ~~~ === GST DIALOG =============================================== ~~~ */
#GSTDialog
{

    width: 470px;
    height: 300px;
    margin-left: -235px;
    background: transparent url(../images/dialog_order_detail.gif) no-repeat;
}
#GSTDialog .dialogContent{margin-top: 92px;}
#GSTDialog .dialogContent{padding-top: 22px;}
#GSTDialog .dialogContent label,
#GSTDialog .dialogContent label{color: #fff;}
#GSTDialog a.jqmClose,
#GSTDialog a.jqmClose,
#GSTDialog a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#GSTDialog a{color: #8B8B8C;}
#GSTDialog #capsOn
{
    display: none;
    color: #ff0000;
}
 #GSTDialog #messageContainer
{
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 10px 34px;
}
/* ~~~ === EXCHANGE RATE DIALOG =============================================== ~~~ */
#exchangeRateDialog
{

    width: 470px;
    height: 300px;
    margin-left: -235px;
    background: transparent url(../images/dialog_order_detail.gif) no-repeat 0 0;
}
#exchangeRateDialog .dialogContent{margin-top: 72px;}
#exchangeRateDialog .dialogContent{padding-top: 12px;}
#exchangeRateDialog .dialogContent label,
#exchangeRateDialog .dialogContent label{color: #fff;}
#exchangeRateDialog a.jqmClose,
#exchangeRateDialog a.jqmClose,
#exchangeRateDialog a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#exchangeRateDialog a{color: #8B8B8C;}
#exchangeRateDialog #capsOn
{
    display: none;
    color: #ff0000;
}
 #exchangeRateDialog #messageContainer
{
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 0 8px;
    margin-top: 70px;
}

#exchangeRateDialog table
{
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}
#exchangeRateDialog table thead th
{
    font-weight: bold;
    border: 1px solid #434343;
    padding: 2px 4px;
    background-color: #212121;
}
#exchangeRateDialog table tbody th
{
    font-weight: normal;
    text-align: left;
    border: 1px solid #434343;
    padding: 2px 4px;
}
#exchangeRateDialog table tbody td
{
    font-weight: normal;
    padding: 2px 4px;
    border: 1px solid #434343;
}

/* ~~~ === CURRENCY DIALOG =============================================== ~~~ */
#currencyDialog
{

    width: 470px;
    height: 300px;
    margin-left: -235px;
    background: transparent url(../images/dialog_order_detail.gif) no-repeat;
}
#currencyDialog .dialogContent{margin-top: 92px;}
#currencyDialog .dialogContent{padding-top: 22px;}
#currencyDialog .dialogContent label,
#currencyDialog .dialogContent label{color: #fff;}
#currencyDialog a.jqmClose,
#currencyDialog a.jqmClose,
#currencyClose a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#currencyDialog a{color: #8B8B8C;}
#currencyDialog #capsOn
{
    display: none;
    color: #ff0000;
}
 #currencyDialog #messageContainer
{
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 10px 34px;
}

/* ~~~ === CLAN MEMBERS ONLY DIALOG =============================================== ~~~ */
#membersOnlyDialog
{

    width: 481px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../../images/dialog_order_detail.gif) no-repeat;
}
#membersOnlyDialog .dialogContent{margin-top: 92px;}
#membersOnlyDialog .dialogContent{padding-top: 22px;}
#membersOnlyDialog .dialogContent label,
#membersOnlyDialog .dialogContent label{color: #fff;}
#membersOnlyDialog a.jqmClose,
#membersOnlyDialog a.jqmClose,
#membersOnlyDialog a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#membersOnlyDialog a{color: #8B8B8C;}
#membersOnlyDialog #capsOn
{
    display: none;
    color: #ff0000;
}
 #membersOnlyDialog #messageContainer
{
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 0 12px;
} 	

/* ~~~ === CLAN MEMBERS ONLY DIALOG =============================================== ~~~ */
#redeemVoucherDialog
{

    width: 481px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../../images/dialog_order_detail.gif) no-repeat;
}
#redeemVoucherDialog .dialogContent{margin-top: 92px;}
#redeemVoucherDialog .dialogContent{padding-top: 22px;}
#redeemVoucherDialog .dialogContent label,
#redeemVoucherDialog .dialogContent label{color: #fff;}
#redeemVoucherDialog a.jqmClose,
#redeemVoucherDialog a.jqmClose,
#redeemVoucherDialog a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#redeemVoucherDialog a{color: #8B8B8C;}
#redeemVoucherDialog #capsOn
{
    display: none;
    color: #ff0000;
}
 #redeemVoucherDialog #messageContainer
{
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 0 12px;
} 


/* ~~~ === CONF MEMBERS ONLY DIALOG =============================================== ~~~ */
#confirmedOnlyDialog
{

    width: 481px;
    height: 300px;
    margin-left: -195px;
    background: transparent url(../../images/dialog_order_detail.gif) no-repeat;
}
#confirmedOnlyDialog .dialogContent{margin-top: 92px;}
#confirmedOnlyDialog .dialogContent{padding-top: 22px;}
#confirmedOnlyDialog .dialogContent label,
#confirmedOnlyDialog .dialogContent label{color: #fff;}
#confirmedOnlyDialog a.jqmClose,
#confirmedOnlyDialog a.jqmClose,
#confirmedOnlyDialog a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#confirmedOnlyDialog a{color: #8B8B8C;}
#confirmedOnlyDialog #capsOn
{
    display: none;
    color: #ff0000;
}
 #confirmedOnlyDialog #messageContainer
{
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 0 12px;
} 	


/* ~~~ === CLAN MEMBERS ONLY 2 DIALOG =============================================== ~~~ */
#membersOnly2Dialog
{

    width: 481px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../../images/dialog_order_detail.gif) no-repeat;
}
#membersOnly2Dialog .dialogContent{margin-top: 92px;}
#membersOnly2Dialog .dialogContent{padding-top: 22px;}
#membersOnly2Dialog .dialogContent label,
#membersOnly2Dialog .dialogContent label{color: #fff;}
#membersOnly2Dialog a.jqmClose,
#membersOnly2Dialog a.jqmClose,
#membersOnly2Dialog a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
#membersOnly2Dialog a{color: #8B8B8C;}
#membersOnly2Dialog #capsOn
{
    display: none;
    color: #ff0000;
}
 #membersOnly2Dialog #messageContainer
{
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 0 12px;
} 
/* ~~~ === POINTS NOTIFY ============================================== ~~~ */
#points_notify
{
    width: 391px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../images/dialog_login_bg.gif) no-repeat;
}
#points_notify .dialogContent
{
	color: #FFFFFF;
	margin-top: 92px;
	margin-left: 10px;
}

#points_notify a{color: #8B8B8C;}

#points_notify a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}


/* ~~~ === WIN A TRIP Tag location ============================================== ~~~ */
#whereis_swing_ticket
{
    width: 391px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../images/dialog_login_bg.gif) no-repeat;
}
#whereis_swing_ticket .dialogContent
{
	color: #FFFFFF;
	margin-top: 92px;
	margin-left: 10px;
}

#whereis_swing_ticket a{color: #8B8B8C;}

#whereis_swing_ticket a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}

/* ~~~ === POINTS ASK ================================================ ~~~ */
#points_ask
{
    width: 391px;
    height: 231px;
    margin-left: -195px;
    background: transparent url(../images/dialog_login_bg.gif) no-repeat;
}
#points_ask .dialogContent
{
	color: #FFFFFF;
	margin-top: 92px;
	margin-left: 10px;
}

#points_ask a{color: #8B8B8C;}

#points_ask a.jqmClose
{
    position: absolute;
    top: 12px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/close_tab.png) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}

