body
{
/*	background: #ffffff url(BodyBackground.png) repeat-x top;*/
	background-color:#DDDEE2;
	cursor: default;
	font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	padding: 0;
}

div, input
{
	font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

p
{
	font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.5em;
	margin: 0;
}

p + p
{
	margin-top: 1.5em;
}


a
{
	color: #A8041D;
}
a:link
{
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

a.command_button
{
	color: #DD0000;
	font-size: x-small;
}
a.command_button:link
{
	border-bottom: dotted 1px;
	text-decoration: none;
}
a.command_button:visited
{
	border-bottom: dotted 1px;
	text-decoration: none;
}
a.command_button:hover
{
	border-bottom: solid 1px;
}

a.command_link
{
	font-size: x-small;
}

hr
{
	margin: 1px;
}



/*---PaymentResponseTable--*/
.responseTable{
    margin:0 auto 0 auto;
    width: 30em;
    border:solid 1px #000;
    border-collapse: collapse;
    background-color: #ffffff;
}

.responseTable caption{
    border: solid 1px #000;
    background: url(Images/smallGridHeadBG.jpg);
    background-repeat: repeat-x;
	margin-left: 0px;
    margin-top: 1em;
    font-size: large;
    padding: 0.5em;
}
@-moz-document url-prefix()
{
.responseTable caption{
    border: solid 1px #000;
    background: url(Images/smallGridHeadBG.jpg);
    background-repeat: repeat-x;
	margin-left: -1px;
    margin-top: 1em;
    font-size: large;
    padding: 0.5em;
}
}

.responseTable .title{
    font-size:larger;
    font-weight:bolder;
    text-align:center;
}
.responseTable td{
    padding: 0.4em;
}
.responseTable tr{
}
.bottBorder{
    border-bottom:solid 1px #000;
    background:#C0C0C0;
    text-align:center;
}
.bgDark{
    background:#C0C0C0;
}
.bgLight{
    background:#E6E6E8;
}
.cancel
{
    background-color: Red;
    text-align: center;
    color: White;
    font-weight: bold;
}
.print
{
	text-align: center;
}

.responseTable td.account_head
{
	font-size: 16px;
	background-color:White;
	text-align:center;
}

td.menu {
background-color:#F1F2F3;
vertical-align:top;
}
/*-------------------------*/


/*---TaxDocument--*/

table.taxdocumenttable
{
    width: 700px;
    border-collapse: collapse;
    font-weight: normal;
    margin-left: 10px;
}

table.taxdocumenttable td
{
    border-style:solid;
    border-color: Black; 
    border-width: 2px;
    padding: 5px;
}

table.taxdocumenttable td.sum
{
    border-width: 4px;
}

table.taxdocumenttable td.payed
{
    border-width: 0px;
    text-align: center;
    font-weight: bold;
}

table.taxdocumenttable td.supplier
{
    border-bottom-width: 1px;
}

table.taxdocumenttable td.suppliertext
{
    border-top-width: 1px;
}

table.taxdocumenttable td.purchaser
{
    border-bottom-width: 1px;
}

table.taxdocumenttable td.purchasertext
{
    border-top-width: 1px;
}

table.taxdocumenttable td.item
{
    border-bottom-width: 1px;
}

table.taxdocumenttable td.itemtext
{
    border-top-width: 1px;
}

table.taxdocumenttable td.prisepiece
{
    border-bottom-width: 1px;
}

table.taxdocumenttable td.prisepiecetext
{
    border-top-width: 1px;
}

table.taxdocumenttable td.count
{
    border-bottom-width: 1px;
}

table.taxdocumenttable td.counttext
{
    border-top-width: 1px;
}

table.taxdocumenttable td.totalprise
{
    border-bottom-width: 1px;
}

table.taxdocumenttable td.totalprisetext
{
    border-top-width: 1px;
}

table.taxdocumenttable td.noborder
{
    border-width: 0px;
}

table.taxdocumenttable th
{
    border-width: 0px;
    text-align: center;
}

/*-------------------------*/
/************************PAGE UPDATE PROGRESS***************************/
#progressBackgroundFilter {
  position:absolute;
  top:0px; 
  bottom:0px; 
  left:0px;
  right:0px;
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#fff; 
  filter:alpha(opacity=90); 
  opacity:0.9;
  z-index:1000; 
  height:1200px;
} 


#processMessage { 
  position:absolute; 
  top:30%; 
  left:45%;
  z-index:1001;
  text-align:center;
  color:red; 
  font-weight:bold;
} 

/************************PAGE UPDATE PROGRESS***************************/

.infoico
{
    cursor: help;
}

/************************ORDERS History grid ***************************/
.orderHistory {
    font-size: 11px;
    font-weight: normal;
}
 .orderHistory tr:hover
{
    background-color: #F7E3E6;
}
.orderHistory td
{
	padding: 2px 3px 2px 3px;
}
.orderHistory_footer
{
    font-size: 11px;
    background: url(Images/smallGridFootBG.jpg) no-repeat left center;
    background-repeat:repeat-x;
    height: 20px;
}
.orderHistory_footer table
{
   font-size: 11px;
}
.orderHistory_footer table tr:hover
{
    background-color: Transparent;
}
.orderHistory_footer table span
{
    background-color: white;
    color: black;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid black;
}

.orderHistory .orderHistory_header tr:hover
{
    background-color: White;
}
 
.orderHistory_header
{
    background: url(Images/smallGridHeadBG.jpg) no-repeat left center;
    background-position: top;
    background-repeat:repeat-x;
    font-size: 12px;
   
}
/************************ORDERS History grid ***************************/
.conversionRate
{
    font-size: 10px;
}

.cancelButton
{
    border: 1px solid black;
    padding-left: 15px;
    background: url(Images/Close.png) no-repeat left center;
    width: 180px;
}
.taxButton
{
    border: 1px solid black;
    padding-left: 15px;
    background: url(Images/Page.png) no-repeat left center;
    width: 120px;
}
.backButton
{
    border: 1px solid black;
    padding-left: 15px;
    background: url(Images/Back.png) no-repeat left center;
}
.printButton
{
    border: 1px solid black;
    padding-left: 15px;
    background: url(Images/Printer.png) no-repeat left center;
   
}

.errorMessages
{
    color: Red;
    font-weight: bold;
    margin:0 auto;
}

div.ajax__calendar_days  td
{  
    padding: 0 !important;
    margin: 1px !important;
    font-weight: normal !important;
}

.paymentWarning
{
    font-size: small;
    font-weight: normal;

}

.paymentConfirmPanel
{
   font-weight: normal;
   font-size:11px;
}
.orderDetailBody
{
    background-color: White;
    margin: 10px;
}

.boldLabel
{
    font-weight: bold;
}






@media print
{
    body{
        background:none;
    }
    .banner,
    .left,
    .responseTable td input,
    caption,
    .responseTable .align_right{
        display:none;
    }
    .pane, .base{
        width:100%;
    }
    .bottom{
        font-size:xx-small;
        text-align:right;
    }
    /*---TaxDocument--*/

    table.taxdocumenttable
    {
        width: 800px;
        border-collapse: collapse;
        font-weight: normal;
    }

    table.taxdocumenttable td
    {
        border-style:solid;
        border-color: Black; 
        border-width: 2px;
        padding: 5px;
    }

    table.taxdocumenttable td.sum
    {
        border-width: 4px;
    }

    table.taxdocumenttable td.payed
    {
        border-width: 0px;
        text-align: center;
        font-weight: bold;
    }

    table.taxdocumenttable td.supplier
    {
        border-bottom-width: 1px;
    }

    table.taxdocumenttable td.suppliertext
    {
        border-top-width: 1px;
    }

    table.taxdocumenttable td.purchaser
    {
        border-bottom-width: 1px;
    }

    table.taxdocumenttable td.purchasertext
    {
        border-top-width: 1px;
    }

    table.taxdocumenttable td.item
    {
        border-bottom-width: 1px;
    }

    table.taxdocumenttable td.itemtext
    {
        border-top-width: 1px;
    }

    table.taxdocumenttable td.prisepiece
    {
        border-bottom-width: 1px;
    }

    table.taxdocumenttable td.prisepiecetext
    {
        border-top-width: 1px;
    }

    table.taxdocumenttable td.count
    {
        border-bottom-width: 1px;
    }

    table.taxdocumenttable td.counttext
    {
        border-top-width: 1px;
    }

    table.taxdocumenttable td.totalprise
    {
        border-bottom-width: 1px;
    }

    table.taxdocumenttable td.totalprisetext
    {
        border-top-width: 1px;
    }

    table.taxdocumenttable td.noborder
    {
        border-width: 0px;
    }

    table.taxdocumenttable th
    {
        border-width: 0px;
        text-align: center;
    }
    #buttonsPanel
    {
        display: none;
    }

    /*-------------------------*/
}


/*****************************design of right boxes******************************/
        .rightsidebar{ width: 200px; min-width: 200px}
        .block { margin:0 0 7px 0; }
        .block .block-title { padding:0 0; margin: 0; }
        .block .block-title h2 { font-size:12px; font-weight:bold; color:#131313; padding:5px 5px 5px 38px;  margin: 0; float: left }

        .block-tags .block-content { padding-bottom:10px; padding-top:10px; text-align:center;}
        .block-tags .block-content-valid-ticket {padding-bottom:10px; padding-top:10px; text-align:left;}
        
        .border-bottom-box { background:none;}
        .left-top-box{ background:url(images/box/left_top_box.gif) left top no-repeat #EAEAEA;}
        .right-top-box{ background:url(images/box/right_top_box.gif) right top no-repeat;}
        .left-bot-box{ background:url(images/box/left_bot_box.gif) left bottom no-repeat;}
        .right-bot-box{ background:url(images/box/right_bot_box.gif) right bottom no-repeat; width:100%;margin-bottom:10px}
        .inside-box { padding: 7px 6px 10px 6px; }
        .border-left-title{ background:url(images/box/border_left_title.gif) left top repeat-y #C0C0C0;}
        .border-right-title{ background:url(images/box/border_right_title.gif) right top repeat-y;}
        .border-top-title{ background:url(images/box/border_top_title.gif) left top repeat-x;}
        .border-bot-title{ background:url(images/box/border_bot_title.gif) left bottom repeat-x;}
        .left-top-title{ background:url(images/box/left_top_title.gif) left top no-repeat;}
        .right-top-title{ background:url(images/box/right_top_title.gif) right top no-repeat;}
        .left-bot-title{ background:url(images/box/left_bot_title.gif) left bottom no-repeat;}
        .right-bot-title{ background:url(images/box/right_bot_title.gif) right bottom no-repeat; width:100%; min-height:24px; height:auto !important; height:22px;}
        
        
        .validTicketTable{
            
        }
        .validTicketTable th
        {
            text-align: left;
        }
        .validTicketTable td
        {
            font-size: 11px;
            text-align:left;
        }
        .card-info-table td
        {
            text-align: left;
        }
        .card-snr
        {
            font-size: large;
        }
/*****************************design of right boxes******************************/
.error
{
    color: Red;
    font-weight: bold;
    margin:0 auto;
}
.align_center
{
	text-align:center;
}        
div.check_card
{
	margin: 10px 10px 10px 10px;
	float:left;
	background:#EEEEEE none repeat scroll 0 0;
	border:1px solid #D6D7D8;
	color:Black;
	font-size:12px;
	width:370px;
	height:240px; 
	padding: 10px 20px 20px 20px;

}
div.check_card .title
{
	color:#ED1C24;
	font-size:20px;
	font-weight:bold;
	padding: 0 0 15px 0px;
	text-align:left;
}
div.pcl
{
	margin: 10px 10px 10px 10px;
	float: left;
	width: 550px;
}
div.ep
{
	margin: 20px 15px 15px 25px;
	float:left;
	width:600px;
}
div.info_pane
{
	margin: 15px 15px 15px 15px;
	float: right;
}
div.login_pane
{ 
	margin: 20px 20px 20px 20px;
	width:200px;
}
.fixed-select {
	width:300px;
}
.align_left
{
	text-align:left;
}
.login_base
{
	background:#EEEEEE;
	border-style:solid;
	border-color:#D6D7D8;
	border-width:1px;
	width:220px;
	font-size:11px;
	color:Black;
}
.login_textbox
{
	font-size: 1.12em;
	width: 160px;
	margin: 0px 10px 0px 10px;
	border-collapse:collapse;
	border:1px solid #B9B9BA
}
.login_button
{
}
.login_instruction
{

}
.login_title
{
	font-weight: bold;
	font-size: 1.52em;
	color: #ED1C24;
	text-align:left;
	padding: 7px 10px 10px 10px;
}
.login_label
{
	font-weight: bold;
	padding: 2px 10px 0px 10px;
}
.login_checkbox
{
	font-weight: bold;
	padding: 5px 10px 5px 10px;
}
.login_link
{
	padding: 5px 10px 5px 10px;
}
div.password{ background:#EEEEEE none repeat scroll 0 0;border:1px solid #D6D7D8;color:Black;font-size:11px;width:430px; height:180px; margin: 20px 20px 20px 20px}
div.password div.title { color:#ED1C24;font-size:1.52em;font-weight:bold;padding: 7px 15px 10px 15px;text-align:left; }
div.password div.comment{ padding:2px 15px 10px 15px; text-align:justify;}
div.password div.email{ padding:2px 15px 10px 15px; font-weight:bold; float:left;}
div.password div.button{ padding: 2px 15px 20px 15px; float:right;  margin-bottom:10px}
div.password div.result{ padding:2px 15px 10px 15px; }
div.password div.login{ padding:2px 15px 10px 15px; }

div.history_pane{}
div.history_pane div.card_list{padding:2px 0 2px 0}

.align_justify
{
	text-align:justify;
}
div.change_password_pane
{
}
/*****************CHANGE PASSWORD***********************/
div.change_password_pane{ background:#EEEEEE none repeat scroll 0 0;border:1px solid #D6D7D8;color:Black;font-size:11px;width:400px; height:180px; margin: 30px 20px 80px 160px}
div.change_password_pane div.title { color:#ED1C24;font-size:1.32em;font-weight:bold;padding:  15px 15px 10px 15px;text-align:left; }
div.change_password_pane div.label{	font-weight: bold; padding: 2px 10px 0px 15px; float:left; width:160px;font-size:1em;}
div.change_password_pane div.textbox{	font-weight: bold; padding: 2px 10px 10px 10px;}
div.change_password_pane div.button{ padding: 10px 15px 20px 15px; float:left;  margin-bottom:10px}
div.change_password_pane div.result{ padding:2px 15px 10px 15px; }

.PasswordStrength {
         font-family:Arial;
         font-size:x-small;
         font-style:italic;  
         padding: 2px 3px 2px 3px;   
    }

.PasswordStrength_VeryPoor {
         background-color:Red;
         color:White;
    }
.PasswordStrength_Weak {
         background-color:Black;
         color:White;
    }
.PasswordStrength_Average {
         background-color:Gray;
         color:White;
    }
.PasswordStrength_Strong {
         background-color:Blue;
         color:White;
    }
.PasswordStrength_Excellent {
         background-color:Green;
         color:White;
    }
/***************************************************************/

div.logoff
{
	padding: 20px 20px 20px 20px;
	text-align:center;
	font-weight:bold;
}
div.card_images
{
	float:left;
	/*padding: 25px 0 0 0;*/
}
/*********************MASTER PAGE*******************************/
.c_bordova {
background-color:#E32615;/*#D60021;*/
color:white;
}
.c_tseda {
background-color:#9F9F9F;
}
.menu_table {
background-color:#F1F2F3;
border-bottom:0 none;
font-family:Verdana,Tahoma,sans-serif,"Arial CE";
font-size:12px;
}
.c_seda {
background-color:#DDDEE2;
}
div.title {
color:#FFFFFF;
font-size:19px;
font-weight:bold;
}

a.bottom {
color:Black;
font-weight:bold;
text-decoration:none;
}

div.anotherCard
{
	text-align:right;
}
div.anotherCard p
{
	margin: 5px 5px 0 0;
}
div.error
{
	border-style:dashed;
	border-color:Red;
	border-width:1px;
	width:500px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
div.success
{
	border-style:dashed;
	border-color:Green;
	border-width:1px;
	width:500px;
	margin:0 auto;
}
div.info
{
	border-style:dashed;
	border-color:Blue;
	border-width:1px;
	width:500px;
	margin:0 auto;
}
div.error .errorMessage
{
	color:Red;
	display:inline-block;
	font-size:large;
	padding:17px 20px 10px 20px;
	vertical-align:top;
}
div.error .errorMessageComment
{
	font-size:small;
	padding: 0px 20px 10px 20px;
	display:block;
}
div.success .successMessage
{
	display:inline-block;
	font-size:large;
	padding:10px 20px 5px 20px;
	vertical-align:top;
}
div.success .successMessageComment
{
	font-size:small;
	padding:0px 20px 10px 20px;
	display:inline-block;
	text-align:justify;
}
div.info .infoMessage
{
	display:inline-block;
	font-size:large;
	padding:10px 20px 5px 20px;
	vertical-align:top;
	color:Blue;
}
div.info .infoMessageComment
{
	font-size:small;
	padding:0px 20px 10px 20px;
	display:inline-block;
	text-align:justify;
}
div.error>img, div.success>img, div.info>img
{
	padding: 5px 10px 5px 5px;
}
p.ErrorTitle
{
	font-weight: normal;
	color: Red;
	text-align: center;
	padding: 20px 0 20px 0;
	font-size:large;
}
p.ErrorText
{
	padding: 0 30px 30px 30px;
	padding-left: 40px;
	padding-bottom:30px;
}
.smaller
{
	font-size:smaller;
}
.price
{
	font-size:160%;
	font-weight:bold;
	border: none;
	background-color: white;
}
.priceInfo
{
	color:Red;
}
/*************** MENU ************************/
div.menu
{
}
div.menu ul
{
   display: block;
   padding: 0;
   margin: 0;
   list-style: none outside none;
   text-align: left;
   list-style-type: disc;
}

div.menu li
{
	 display: block;
    float: left;
    padding: 5px;
    position: relative;
}

a.menu {
	 display: block;
    float: left;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:5px;
	white-space:nowrap;
}

a.menu:hover
{
	display: block;
   float: left;
   text-decoration: none;
	background-color:#E32615;
	color:#FFFFFF;
	text-decoration:none;
	white-space:nowrap;
	padding:5px;
	font-size:11px;
	font-weight:bold;
}

a.SelectedMenuItem
{
	display: block;
   float: left;
	text-decoration: none;
	background-color:#E32615;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	padding:5px;
}

a.SelectedMenuItem span, a.menu:hover span
{
}
a.menu span
{
}
/**** END *********** MENU ************************/

.email_textbox
{
	font-size:20px;
	width: 295px;
}
.date_textbox
{
	width:125px;
}


/******************* MODAL POPUP ******************/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#EmailTypoBox #InnerBox
{
  width:460px;
  height:180px;
  background-color:White;
  border: 1px solid red;
  padding: 10px 20px 10px 20px;
	-moz-box-shadow: 3px 3px 3px #F99C9C;
	box-shadow: 3px 3px 3px #F99C9C;}

#EmailTypoBox {
  position:absolute;
  left:0;
  top:0;
  width:500px;
  height:200px;
  background-color:#eeeeee;
  padding:20px;
  color:black;
  font-size:13px;
  display:none;
  z-index:9999;
}

#EmailTypoBox h1{
	margin-top:7px;
}

#EmailTypoBox .typoEmail{
	font-size: 16px;
	font-weight:bold;
}

#EmailTypoBox .suggestedEmail{
	font-size: 20px;
	font-weight:bold;
	text-align:center;
	display:block;
}
#EmailTypoBox #Buttons
{
	padding-top:10px;
	text-align:center;
}
/*** END *************** MODAL POPUP ******************/