/* Global TAG Selectors */
.textfield {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	border: solid 1px;
	border-color: #DBDBDB;
	background-image:  url('http://www.yaylagul/images/textfield.gif');
}

textarea {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	background-color: #FFFFFF;
	border: solid 1px;
	border-color: #DBDBDB;
	overflow:hidden;
}


A.gre:link {
	FONT-SIZE: 11px;
    COLOR: #7baa17;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.gre:visited
{
    FONT-SIZE: 11px;
    COLOR: #7baa17;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none

}

A.gre:hover
{
   FONT-SIZE: 11px;
	COLOR: #0059b3;
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   TEXT-DECORATION: underline
}





html, body {
	background-color:#fff;
	margin:0px;
	}
body, html, td, th, span.plain {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #666666;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	}
form {
	margin:0px;
	}
form, input, select, textarea {
	color:#333;
	font-size:11px;
	font-family:arial,sans-serif;
	}
strong { /* redundancy for Netscape 4. */
	font-weight:bold;
	font-family:arial,sans-serif;
	}
p {
	color:#333; /* redundancy for Netscape 4. */
	font:normal 11px arial,sans-serif; /* redundancy for Netscape 4. */
	margin-left:1px;
	margin-top:4px;
	margin-bottom:7px;
	}
hr {
	height:1px;
	/* removed for Opera. The margins and padding are ignored by other browsers anyway. */
	/*
	margin:0px;
	padding:0px;
	*/
	border-style:none; /* for Netscape6 and Mozilla */
	color:#ccc;
	background-color:#ccc;
	}
A:link
{
    COLOR: #0059b3;
    TEXT-DECORATION: none
}
A:hover
{
    TEXT-DECORATION: underline
}
A:visited
{

    TEXT-DECORATION: none
}


/* next few lines to cover any markup that another developer may type in (covers most any markup for Netscape 4) */
h1, h2, h3, h4, h5, h6, p, div, strong, em, b, i, small, big, strike, sub, sup, u, abbr, acronym, form, label, dir, dl, dt, dd, ol, ul, li, table, caption, tr, th, td, address, blockquote, q, span, a {
	color:#333;
	font-family:arial,sans-serif;
	}
	
ol.HelpAlpha1
	{
	list-style-type:lower-alpha;
	margin-left:20px;
	}
	
ol.HelpNum1
	{
	margin-left:30px;
	margin-top:6px;
	margin-bottom:8px;
	border-bottom:0px;
	padding-bottom:0px;
	}
	
li.HelpLegal2
	{
	margin-top:6px;
	margin-bottom:6px;
	border-bottom:0px;
	padding-bottom:0px;
	}
	
ul.HelpIndent1
	{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:0px;
	border-bottom:0px;
	padding-bottom:0px;
	}
	
ul.PR1
	{
	list-style-image:url(/images/listbullet2.gif) ;
	text-indent:-1px;
	margin-left:20px;
	margin-top:8px;
	margin-bottom:8px;
	}
	
td.rightcol p.ad { 
	margin-left:0;
	margin-top:0;
	margin-right:0;
	padding-bottom:40px;
}  


	
/* ID Selectors */
#spotlightHome p.arrowButton {
	margin-left:20px;
	}
td#myArea {
	background-color:#fff;
	}
#myArea p {
	margin:0px 10px 10px 10px;
	}
#myArea p.arrowList {
	margin:0px 10px 5px 24px;
	}
#topnav .international a {
	color:#fff;
	}
#home td.spotlight {
	background-color:#eaf2ff;
	border:solid 1px #ccc;
	}
#progress p, .completed p {
	margin-top:3px;
	margin-bottom:3px;
	}

/* CLASS Selectors */
table.contactBox {
	background-color:#fefeeb;
	border:solid 1px #ccc;
	} 
table.borderBox {
	background-color:#eaf2ff;
	border:solid 1px #ccc;
	}
table.myForm {
	background-color:#f2f2f2;
	border:solid 1px #999;
	white-space:nowrap;
	}
table.spotlightForm {
	background-color:#ccc;
	border-style:none;
	}
table.spotlightForm th, table.spotlightForm td {
	background-color:#fefeeb;
	border-style:none;
	}
img.ad, img.teaser, img.leftcol, img.bordered {
	color:#ccc;
	border-color:#ccc;
	}
.right {
	float:right;
	}
.left {
	float:left;
	}
.clear {
	clear:both;
	}
.warning {
	color:#f00;
	}
.required {
	color:#f06;
	}
a.plain { /* plain text links as in comp */
	color:#333;
	text-decoration:none;
	}
a.plain:hover {
	text-decoration:underline;
	}
img.inline, input.inline { /* drops inline image below text baseline, no ns4 */
	position:relative;
	top:2px;
	}
p.question img.inline {
	top:2px;
	}
strong.section, strong.header {
	margin-bottom:0px;
	padding-bottom:0px;
	}
strong.header {
	font-size:14px;
	}
.subtext, p.subtext, span.subtext {
	font-size:10px;
	}
.data {
	background-color:#ccc;
	}
.data th {
	font-weight:normal;
	/* text-align:left; */
	background-color:#f2f2f2;
	}
table.data, table.data td, table.data th {
	border-style:none;
	}
.data td, .data th.plain, table.spotlight td.plain {
	background-color:#fff;
	}
.main a, .footer a {
	color:#333;
	}
tr.sidekick {
	background-color:#D4E9FA;
	}
tr.sidekick02 {
	background-color:#FDEED7;
	}
td.rightnav p {
	margin:10px;
	}
td.rightnav {
	background-color:#f2f2f2;
	}
td.border, tr.border td, tr.nav td.border {
	background-color:#999;
	}
td.border2, tr.border2 td {
	background-color:#ccc;
	}
hr.border, hr.border2 { /* Design changed from original mockup so these classes are now duplicate colors when used on HR */
	color:#ccc;
	background-color:#ccc;
	}
hr.border { /* Only used immediately after a title */
	position:relative;

	top:-4px;
	}
.title, .price, .highlight {
	color:#3333CC;
	}  
.priceBold {
	color:#3333CC;	
	font-weight:bold;
	}	
.titleMag {
	color:#3333CC;
	font-weight:bold;
	}

.titlerow, td.titlerow, tr.titlerow td {
	background-color:#0206AC;
	}
table.spotlight {
	background-color:#ccc;
	}
table.spotlight td, table.spotlight td, td.spotlight td, tr.spotlight, tr.spotlight td, .data tr.spotlight td, tr.spotlight th, td.spotlight, .data td.spotlight, th.spotlight, .data th.spotlight { /* all this redundancy for Netscape 4 */
	background-color:#eaf2ff;
	}
td.content p, table.spotlight td.plain p { /* content class redundant for Netscape 4 */
	margin:7px 10px 7px 10px;
	}
p.arrowButton, .spotlight p.arrowButton, p.question {
	margin-left:20px;
	text-indent:-20px;
	}
p.arrowButton img.inline {
	top:1px;
	}
table.spotlight p.arrowButton, td.content p.arrowButton {
	margin-left:29px;
	}
div.list, div.numberedList {
	margin:0px 0px 0px 5px;
	}
div.arrowList {
	margin:0px;
	}
div.numberedList p, div.numberedList div, p.numberedList {
	margin:1px 5px 2px 16px;
	text-indent:-16px;
	}
div.list p, p.list {
	margin:1px 5px 3px 9px;
	text-indent:-9px;
	}
div.sublist {
	margin:1px 5px 3px 12px;
	text-indent:-9px;
	}
div.arrowList p, div.arrowList div, p.arrowList {
	margin:1px 5px 2px 14px;
	text-indent:-14px;
	}
div.arrowList a, p.arrowList a, p.arrowButton a {
	text-decoration:none;
	}
div.arrowList a:hover, p.arrowList a:hover, p.arrowButton a:hover {
	text-decoration:underline;
	}
span.spcr {
	font-size:2px; /* this span fixes Mac/IE5 bug on hanging indents. view css classes documentation in styleguide */
	}
input.textbox {
	width:162px;
	}
/*.main select { /* we may want to add another class or a more specific selector, later */
	/*width:162px;
	/* removed - causes bug with multiple selects in IE5 */
	/*height:17px;*/
	}
select.date, select.halfWidth, input.zip {
	width:81px;
	}
select.address {
	width:220px;
	}
textarea {
	width:324px;
	}
.myForm textarea {
	width:250px;
	}
.shorthand code {
	font:bold 11px "courier new",monspace;
	}

/* START: Progress Indicator */
.completed, .progressSummary {
	background-color:#fefeeb;
	}
.progressSummary p {
	margin-left:10px;
	margin-right:10px;
	}
table.progress {
	background-color:#dedede;
	} 
table.progressWinterSage {
	background-color:#ffe3ee;
	}
table#progress p, #progress p, td.rightnav p.plain {
	margin:3px 10px 3px 10px;
	}
#progress p.arrowList, td.rightnav p.arrowList {
	margin-left:24px;
	}
table#progress p.step, td.rightnav p.step {
	margin:3px 10px 3px 51px;
	text-indent:-41px;
	}
table.progress th {
	color:#fff;
	background-color:#f06;
	}  	
table.progressWinter th {
	color:#fff;
	background-color:#f06;
	}
#progress th p, p.progress, td.rightnav p.progress {
	font-weight:bold;
	margin:3px 10px 3px 10px;
	color:#fff;
	}

/* END: Progress Indicator */

/* START: T-Zone and Play Zone tables */
table.tz {
	border-style:none;
	background-color:#ccc;
	}
.tz th.tz, .tz td.tz, .tz td {
	border-style:none;
	}
.tz th.tz {
	background-color:#fefeeb;
	}
td.tz p {
	padding-left:5px;
	margin-right:5px; /* ns4 fix */
	}
.tz td {
	background-color:#fff;
	}
.pz {
	border:solid 1px #ccc;
	}
.pz th p, .tz th p {
	margin-left:5px;
	}
.pz td.spotlight {
	background-color:#eaf2ff;
	}
td.pzTab {
	background-color:#eaf2ff;
	}
p.pzList {
	margin:0px 5px 3px 23px;
	text-indent:-24px;
	}
.tz table.pz {
	border-style:none !important;
	}
.tz .pz .border2 {
	background-color:#ccc;
	}

/* END: Play Zone table */

/* START: .submitLink */
input.submitLink {
	color:#333;
	background-color:transparent;
	border-style:none;
	margin:0px;
	padding:0px 0px 3px 0px;
	cursor:hand;
	}
input.submitLink:hover {
	text-decoration:underline;
	color:#000;
	}
/* \ hide next rule from MacIE5 if .className only */
.submitLink {
	padding-bottom:0px !important;
	}
input.submitLink/* hide from IE 5.0 */ {
	padding-bottom:3px !important;
	}
input[class="submitLink"] { /* hide from IE */
	cursor:pointer;
	}
/* END: .submitLink */

/* START: tabled form elements */


/* CSS2 Selectors */

/* fix for Netscape 4 bold 'strong' section headers */
strong.section {font-size:11px;}
/* \ hide this one from MacIE5 */
strong.section {font-size:12px;}
@media all {
	strong.section {
		font-size:11px;
		}
	}

/* fix for Netscape 4 form top-margin */
form {
	display:inline;
	}
@media all {
	form {
		display:block;
		}
	}