body {
    margin-top: 0px;
    margin-left: 0px;
    font-family: arial, sans-serif;
    font-size: 13px;
}
body form {width:1160px;}

#container 
{
    margin-top: 5px;
    margin-left: 3px;
    width: 100%;
    /*border: solid 1px red;*/
}

#container .errorMsg
{
    color: Red;
}

#mainBar 
{
    background-color: #006699;
    color: #99c2d6;
    height: 20px;
    font-size: 14px;
    padding-top: 3px; 
    padding-left: 5px;
}

#mainBar a {
    color: White;
    text-decoration: none;
}
#mainBar a:hover {text-decoration: underline;}

/**** Event Info Style ****/
#eventInfo
{
    border: solid 1px #006699;
    width: 100%;  
}

#eventInfo #header
{
    background-color: #006699;
    color: White;
    padding: 0px 3px 3px 3px;
    font-weight: bold;
    font-size: 14px;
}

/**** Member Search Style ****/
#memberSearchInfo
{
    border: solid 1px #006699;
    width: 100%;      
}

/*** Login Box ****/
#login 
{
    width: 100%; 
    font-size: 12px; 
}

#login #header
{
    background-color: #006699;
    color: White;
    padding: 2px 2px 2px 2px;
    font-weight: bold;
    font-size: 16px;
}

#login table tr td.leftColumn
{
    white-space: nowrap;
    text-align: right;
}

#login table tr td.rightColumn 
{
    text-align: left;
}

/**** Profile Style ****/
.sidebarSection{margin-bottom:20px; width:375px;}

.profileContainer, .offerContainer
{
    border: solid 1px #006699;
    background-color: White;
    width: 375px;
}

.offerContainer
{
    border: solid 1px #fdb813;
}


.profileContainer #profileScroll 
{
    /*
    overflow: scroll;
    scrollbar-face-color: white; 
    scrollbar-highlight-color: white; 
    scrollbar-3dlight-color: white; 
    scrollbar-darkshadow-color: white; 
    scrollbar-shadow-color: white; 
    scrollbar-arrow-color: #006699; 
    scrollbar-track-color: white;
    */  
}

.offerContainer .offerHeader 
{
    background-color: #fdb813;
}


.profileContainer .profileHeader
{
    background-color: #006699;
    color: White;
    padding: 0px 2px 2px 2px;
    font-weight: bold;
}

#profile #header 
{
    background-color: #fdb813;
    color: #006699;
}

.profileContainer table tr td.leftColumn
{
    width: 100px;
    white-space: nowrap;
    text-align: right;
}

.profileContainer table tr td.rightColumn 
{
    text-align: left;
}

.displayMsg 
{
    color: Red;
    font-size: 14px;
}

#callerDisplay 
{
    font-size: 14px;
    font-weight: bold;
}

.fakeLink
{
    text-decoration: underline;
    color: #006699;
    cursor: pointer;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:white;
	border-width:1px;
	border-style:solid;
	border-color:#006699;
	padding:3px;
	width:250px;
}

.modalPopupBlueBackground
{
	background-color:#006699;
	border-style:solid;
	border-color:#006699;
	padding: 10px 10px 10px 10px;
}


div#TRMAddToCart 
{
    background-color: #EFEFDE;
    color: black;
    padding: 10px 10px 10px 10px;
}

div#TRMAddToCart span.title
{
    font-size: 20px;
    font-weight: bold;
}


#callerDisplay a
{
    color: #006699
}

#callerDisplay .CallerInformation 
{
    background-color: Yellow;
}

#header a 
{
    color: white;
}



/** Generic **/
table tr td.leftColumn
{
    width: 105px;
    white-space: nowrap;
    text-align: right;
}

table tr td.rightColumn 
{
    text-align: left;
    vertical-align: top;
}

table tr td.topAlignment
{
    vertical-align: top;
}

table tr td.middleAlignment
{
    vertical-align: middle;
}
/** End Generic **/


@charset "utf-8";
/* CSS Document */
/* join now button */
#join {
	width:149px;
	height:54px;
	float:right;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
}
#join a {
	width:149px;
	height:54px;
	background:url(../common/trm/images/join.jpg) no-repeat center;
	text-decoration:none;
	color:#000000;
	display:block;
}
#join a:hover {
	width:149px;
	height:54px;
	background:url(../common/trm/images/join_over.jpg) no-repeat center;
	text-decoration:none;
}

/* special offer */
#special {
	width:100%;
	float:left;
	font-family:Arial;
	font-size:12px;
}

/* not a member */
#member {
	width:100%;
	height:40px;
	background:#fdb813;
	text-align:center;
	font-family:Arial;
	font-weight:bold;
	font-size:16px;
	color:#000000;
	position:relative;
	top:-3px;
}
#member .body {
	font-size:12px;
}
#member a {
	width:100%;
	height:100%;
	color:#000000;
	text-decoration:none;
	display:block;
}
#member a:hover {
	width:100%;
	height:100%;
	background:#fed165;
	color:#000000;
	text-decoration:none;
}

/* faqs */
#faqs {
	width:96%;
	background:url(../common/trm/images/side_bg.gif) repeat-x;
	font-family:Arial;
	font-size:12px;
}

/** TRM enrollment **/



#enrollment-form .section {
	margin-left: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
}
#enrollment-form {

	margin: 10px;
	padding:0px;	
	font-size: 12px;
	font-style: normal;
	line-height: normal;
}
#enrollment-form p {
	margin-top:0px;
	margin-bottom:10px;
}
#enrollment-form div.sectionheader {
	padding-left: 35px;
	height: 20px;
	width: 600px;
	padding-top: 7px;
	background-position: top left;
	background-repeat: no-repeat;
}
#enrollment-form .section table tr td {
	padding: 1px 0px;
}
#enrollment-form input[type=text] {
	height:15px;
}

.TRMEventList 
{
	padding-left: 35px;
	margin: 10px;
	
}


.enrollment-form 
{
	margin: 10px;
	padding:0px;	
	font-size: 12px;
	font-style: normal;
	line-height: normal;
}






/* pretty link Buttons - pretty
-------------------------------------------------------------- */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 1.5em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	border-radius:0px \0/; /*hack to disable IE9 corener rounding */
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* green */
.green {
	color: #e8f0de !important;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}