/*
 *
 * Vipgift.com CORE styles
 * Last revised on August 03, 2004
 *
 */
/*div,td { border: 1px dotted gray }*/
html, body { height: 100% }
	a:link, a:visited	{color: #006699}
	a:hover				{color: #88bb22}
	body				{font-family: Verdana, Arial, Helvetica, sans-serif; background-color: White; margin: 0; padding: 0;}
	ul li				{list-style-type: square}
	img					{border-width: 0}
	.whitetext			{font-size: 70%; line-height:1.5em; color:#FFFFFF;}
	.blacktext			{font-size: 70%; line-height:1.5em; color:#000000;}
	
/* titles strewn everywhere */
	.bluetitle		{font-weight: normal; color: #444444; letter-spacing:1pt; font-family: Arial}
	.bluetitle a		{text-decoration:none;}
	.bluetitle a:hover	{text-decoration:underline;}

/* used in paging controls on every single datagrid :( */
	a.clickhere:link, a.clickhere:visited { font-size: 60%;  text-decoration: none; font-weight: bolder; }

/************ HEAD/FOOT ***********/
#Header td.tab, #Header .Bottom, #Footer {
	background-color: #006699;
}
#Header td.tab a:link, #Header td.tab a:visited,
#Footer a:link, #Footer a:visited {
	color: White;
}
#Header td.tab a:hover, #Footer a:hover { 
	color: #88bb22;
}

/************* HEADER *************/
#Page {
	width: 760px;
	height: 90%;
	text-align: left;
	margin: 15px auto;
}
#Header {
	width: 100%;
	margin: 0;
	border: 1px solid #CCCCCC;
	border-width: 1px 1px 0 1px;
	text-align: left;
}
#Header img.Logo {
	height: 105px;
	width: 426px;
}
#Header td.ViewCart {
	padding-right: 12px;
	padding-top: 10px;
	vertical-align: top;
}
#Header td.ViewCart a {
}
#Header td.ViewCart a:link, #Header td.ViewCart a:visited {
	float: right;
	height: 19px;
	width: 57px;
	background-image: url(../images/buttons/Cart.gif);
}
#Header td.ViewCart a:hover {
	background-position: 0 -19px;
}

/************* New Header **************/
#Header .Search {
	color: White;
	font-size: 65%;
	vertical-align: bottom;
	text-align: right;
	padding-bottom: 4px;
	padding-right: 12px;
	height: 26px;
}
#Header .Navigation table {
	width: 758px;
}

#Header .Navigation td {
	/*width: 20%;*/
}
#Header .Navigation td a {
	display: block;
	/*width: 100%;*/
	padding: 3px 0;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 70%;
	border: 1px solid;
	text-align: center;
	border-color: #CCCCCC #555555 #555555 #CCCCCC;
	/*border-color: #FF0000 #00FF00 #0000FF #FFFF00;*/
}
#Header .Navigation td a.Current:link, #Header .Navigation td a.Current:visited {
	color: #222222;
}
#Header .Navigation td a.Current {
	background-color: White;
	border-color: #CCCCCC #CCCCCC #FFFFFF #FFFFFF;
}

/* eVisa nav styles for stupid custom header */
#Header .eVisaNavigation table {
	width: 100%;
}

#Header .eVisaNavigation td {
	/*width: 20%;*/
}
#Header .eVisaNavigation td a {
	display: block;
	/*width: 100%;*/
	padding: 3px 0;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 70%;
	border: 1px solid;
	text-align: center;
	border-color: #CCCCCC #555555 #555555 #CCCCCC;
	/*border-color: #FF0000 #00FF00 #0000FF #FFFF00;*/
}
#Header .eVisaNavigation td a.Current:link, #Header .eVisaNavigation td a.Current:visited {
	color: #222222;
}
#Header .eVisaNavigation td a.Current {
	background-color: White;
	border-color: #CCCCCC #CCCCCC #FFFFFF #FFFFFF;
}

#Header .NavFoot {
	background-color: White;
	height: 0px;
}

#Main {
	border: 1px solid #CCCCCC;
	border-width: 1px 1px 0 1px;
	min-height: 375px;
	margin-bottom: 0px;
	text-align: left;
}
* html #Main {
	height: 375px;
}
/************* FOOTER *************/
#Footer {
	margin-top: 0px;
	text-align: right; 
	height: 26px; 
	line-height: 26px;
	padding-right: 15px;
	font-size: 60%; 
	color: White; 
	border: 1px solid #CCCCCC;
	border-top-width: 0;
}
#Footer a:link, #Footer a:visited {
	text-decoration: none;
}
#Footer img {
	float: left; 
	margin-left: 30px; 
	margin-top: 5px;
}
#Copyright {
	margin-top: 0.5em;
	font-size: 60%; 
	color: #999999;
	text-align: right;
}

/************* BUTTON *************/
a.button:link, a.button:visited {
	/* come on, moz, step up to css2.1 */
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 1.5em;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #AAAAAA;
	background-color: #AAAAAA;
	color: #666666;
	font-family: Arial;
	font-size: 7pt;
}
a.button:hover {
	background-color: #CC6633;
}
a.button span {
	background-color: white;
	padding: 0 0.5em;
	display: block;
	cursor: hand;
	line-height: 1.5em;
}

/************* Menu/Content ************/
#Menu {
    width: 138px;
    float: left;
}
#Content {
	margin-top: 0;
	margin-left: 138px;
    border-left: 1px solid #CCCCCC;
    min-height: 375px; /* 390? */
}
/* #Content doesn't fill the entire space it needs to in Op/Moz,
   so utilize IE-unsupported pseudo-classes to fill it up */
#Content:before, #Content:after {
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden;
    border-left: 1px solid #CCCCCC;
}
#Content:after {
    clear: both; 
}

/* IE-Win Hacks/IE-Mac hide \*/
* html #Menu { margin-right: -3px; }
* html #Content {
	height: 375px;
	margin-left: 0px;
}
/* End Hide */

#Menu a {
	display: block;
    font-size: 60%;
    border: solid #CCCCCC;  
    border-width: 0 0 1px 0;
    background-color: #FFFFFF; 
    color: #666666;
    padding: 3px;
    text-transform: uppercase;
    text-decoration: none;
}
/* Main:hover and Current, dark-light-gray bg and orange text */
#Menu a:hover, #Menu a.Current:link, #Menu a.Current:visited {
    background-color: #F0F0F0;
    color: #CC6633;
}

form { margin: 0 }
.errortext { color: #DD0000 }
.ErrorText { color: #DD0000 }

/* old header/footer still used in internal reports */
	.mainheadings		{font-size: 170%; color:white; background-color: #99cc33; height:84px; vertical-align: bottom;}
	.mainheadingtext	{z-index: 1; position: relative; right: 34px; bottom: 10px;}
	.headings { background-color:#006699 }
	.copyright a			{color: White; text-decoration: none;}
	.copyright a:visited	{color: White; text-decoration: none;}
	.copyright a:hover		{color: #88bb22; text-decoration: none;}

/* the header below the header */
	/* spec: 100 */
	/*#SubHead {
		background-color: #E9F1F5;
		border-bottom: 1px solid #A8B7CF;
		width: 100%;
		height: 70px;
	}*/
	/* spec: 11 */
	h1.Heading {
		color: #EE7700;
		margin-top: 15px;
		margin-left: 30px;
		margin-bottom: 0px;
		font-weight: normal;
		font-size: 120%;
		font-family: Verdana;
	}
	/* spec: 110 */
	#SubHead.Heading {
		height: 20px; 
		margin: 0px; 
		padding: 10px 30px;
		width: auto;
	}

/* Additional CSS styles added for eVisa */
#maincontent 
{
    padding-top: 25px;
    padding-bottom: 25px;
}

#maincontentFAQ 
{
    padding-top: 25px;
    padding-bottom: 25px;
}

div.terms {
   width:600px;
   height:450px;
   margin: 0 auto;
   border:1px solid #ccc;
   background:#f2f2f2;
   padding:6px;
   overflow:auto;
}
div.terms p, 
div.terms li {font:normal 11px/15px arial;color:#555; list-style-type:square;}
div.terms h3 {font:bold 14px/19px arial;color:#555;}
div.terms h4 {font:bold 12px/17px arial;color:#555;}
div.terms td {font:normal 11px/15px arial;color:#555;}
div.terms strong {color:#555;}

div.display-terms {
   margin: 0 10px;
   padding:6px;
}
div.display-terms p,
div.display-terms li {font:normal 12px/19px arial;color:#555; list-style-type:square;}
div.display-terms h3 {font:bold 14px/19px arial;color:#555;}
div.display-terms h4 {font:bold 12px/19px arial;color:#555;}
div.display-terms td {font:normal 12px/17px arial;color:#555;}
div.display-terms strong {color:#555;}

/* FAQs */
div.divFAQ {
   margin: 0 10px;
   padding:6px;
}
div.divFAQ p,
div.divFAQ li {font:normal 12px/19px arial;color:#555; list-style-type:square;}
div.divFAQ h3 {font:bold 14px/19px arial;color:#555;}
div.divFAQ h4 {font:bold 12px/19px arial;color:#555;}
div.divFAQ td {font:normal 12px/17px arial;color:#555;}
div.divFAQ strong {color:#555;}

#evisa-report 
{
    margin: 0;
    padding: 25px 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 70%; line-height:1.5em; color:#000000;
}

.evisa-report-row 
{
    display: block; 
    width: 425px;
    clear: both;
}

.evisa-field 
{
    font-weight: bold;
    margin-right: 5px;
    float: left;
    width: 115px;
}
.evisa-field-c
{
    font-weight: bold;
    margin-right: 5px;
    float: left;
    width: 185px;
}
.evisa-value 
{
    float: right;
    width: 300px;
}
.evisa-value-c
{
    float: right;
    width: 225px;
}

/* Error control styles */
.info, .success, .warning, .err, .validation {
    border: 1px solid;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 70%; 
    line-height:1.5em;
    width: 600px;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}
.err {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}
.msgcontainer
{
    margin: 0;
}
.info p, .success p, .warning p, .err p {
    padding: 0px 50px;
}
.info a, .success a, .warning a, .err a {
    float: right;
    padding: 10px;
    cursor:pointer;
}
.msgcontainer img {
    border: none;
}

#print-prompt 
{
    float: right;
    padding: 0; 
    margin: 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 65%; 
    line-height:1.5em;
}
#print-prompt img {margin: 0; padding: 0;}