/* CSS Document */

/*************** utility ******************/
div.row
{
    clear: both;
}
div.spacer
{
    clear: both;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
/* End hide from IE-mac */



body
{
    background: #b4bac7 url(/images/template/background.jpg) no-repeat center top;
    text-align: center;
    margin: 0px;
    padding: 0px;
    font: 12px Arial, Helvetica, sans-serif;
}
a
{
    text-decoration: none;
}
.error
{
    font-style: italic;
    color: #FF0000;
}

.formFields input.btnLgShGrey,
.formFields input.btnSmShGrey,
.formFields input.btnSmShortOrange,
.formFields input.btnLgTallOrange,
input.btnLgShGrey,
input.btnSmShGrey,
input.btnSmShortOrange,
input.btnLgTallOrange
{
    color: #ffffff;
    border: none;
    cursor: pointer;
}

.formFields input.btnLgShGrey,
.formFields input.btnSmShGrey,
.formFields input.btnSmShortOrange,
input.btnLgShGrey,
input.btnSmShGrey,
input.btnSmShortOrange
{
    height: 26px;
    padding-bottom: 2px;
}

.formFields input.btnLgShGrey,
.btnLgShGrey
{
    background: url('/images/common/btnLgShortGrey.jpg') no-repeat;
    width: 128px;
}
.formFields input.btnSmShGrey,
.btnSmShGrey
{
    background: url('/images/common/btnSmallShortGrey.jpg') no-repeat;
    width: 61px;
}
.formFields input.btnSmShortOrange,
.btnSmShortOrange
{
    background: url('/images/common/btnSmShortOrange.jpg') no-repeat;
    width: 61px;
}
.formFields input.btnLgTallOrange,
.btnLgTallOrange
{
    background: url('/images/common/btnLargeTallOrange.jpg') no-repeat;
    width: 113px;
    height: 32px;
}
.formFields p
{
    margin-top: 0px;
    margin-bottom: 8px;
}
.formFields label
{
    display: block;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
}
.formFields input, .formFields select
{
    width: 185px;
    padding-top: 3px;
    padding-left: 5px;
    color: #747e96;
    font-size: 11px;
}
.formFields select
{
    margin-left: -5px;
    width: 195px;
}
.formFields p, .adminFormFields p
{
    margin: 0px 0px 5px 0px;
}

.formFields div.formBox
{
    border: 1px solid #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-collapse: collapse;
    border-spacing: 0px;
}

#interior #content .formFields div.formBox h2
{
    margin-bottom: 0px;
    padding: 0px;
}
.adminFormFields label
{
    display: block;
    font-size: 11px;
    font-weight: bold;
}
.adminFormFields input, .adminFormFields select
{
    background-image: none;
    width: auto;
}


#container
{
    width: 710px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}



/*************************** Navigation *************************************************/

#navigation
{
    height: 62px;
    border-bottom: 1px solid #FFFFFF;
    width: 710px;
}
#navigation div
{
    float: left;
    height: 25px;
    width: 151px;
    border-right: 1px solid #FFFFFF;
    text-align: right;
    padding-right: 25px;
    padding-top: 37px;
}
#navigation .navBox1,
#navigation .navBox2,
#navigation .navBox3,
#navigation .navBox4
{
    cursor: pointer;
}

#navigation .navBox1
{
    background: #747e96;
}
#navigation .navBox2
{
    background: #828ea8;
}
#navigation .navBox3
{
    background: #96a3c0;
}
#navigation .navBox4
{
    background: #a1aecc;
    border-right-style: none;
    width: 153px;
}
#navigation a
{
    color: #FFFFFF;
}
#navigation a:hover
{
    color: #000000;
    border-bottom: 1px solid #999999;
}
#identification
{
    background: #fb911f;
    font-size: 11px;
    color: #FFFFFF;
    padding-left: 40px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0px;
}
#identification p
{
    float: left;
    margin: 0px;
}
#identification a
{
    color: #FFFFFF;
    text-decoration: underline;
}
#identification a:hover
{
    color: #000000;
}

/*************************** Page specific styling ******************************************/


#home
{
}
#home #content
{
    background-color: #fb911f;
    color: #FFFFFF;
    padding: 25px 25px 25px 45px;
}
#home #content .error
{
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px;
    color: #ffffff;
}
#home #content h1
{
    font-size: 26px;
    font-weight: normal;
    margin-top: 0px;
}
#home #content h2
{
    background: url(../images/template/home/homeTitleTilde.jpg) no-repeat;
    font-weight: normal;
    padding-top: 5px;
    padding-left: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 20px;
}
#home #content a
{
    color: #ffffff;
}
#home #content a:hover
{
    text-decoration: underline;
}

#home #content label
{
    font-weight: bold;
    margin-left: 15px;
    display: inline;
}
#home #content .formFields input
{
    margin-top: 2px;
    margin-bottom: 2px;
    width: 185px;
    color: #747e96;
    border: 0px solid #FFFFFF;
    height: 19px;
    padding-top: 3px;
    padding-left: 12px;
}
#home #content .btnLgTallOrange,
#home #content .btnSmShortOrange
{
    color: #ffffff;
}

#body #content .column1, #body #content .column2
{
    float: left;
    width: 300px;
}
#body #content .column2
{
    margin-left: 30px;
}

#programs #identification
{
    border-bottom: solid 1px #ffffff;
}
#programs
{
    background-color: #fb911f;
}
#programs h1
{
    color: #ffffff;
    margin: 0px;
    background: url(/images/template/programs/programsTitleTilde.jpg) no-repeat;
    padding: 6px 0px 20px 0px;
    margin: 10px 0px 10px 40px;
}
#programs #content
{
    padding: 0px 15px 20px 15px;
    margin: 0px;
}

li.RtsLI
{
	float: left; 
    height: 29px;
	width: 123px; 
	text-align: left;
	vertical-align: middle;
    background-image: url('/images/template/programs/activities_tab_off.gif');
	cursor: pointer;
}

#programs #content .column1, #programs #content .column2
{
    width: 325px;
}

#programs #content #programList
{
    background: #fed9b1;
    overflow: auto;
    scrollbar-face-color: #fcddbb;
    scrollbar-arrow-color: #c96d0a;
    scrollbar-track-color: #fef9f4;
    scrollbar-shadow-color: #ffffff;
    scrollbar-highlight-color: #fbd7b1;
    scrollbar-3dlight-color: #808080;
    scrollbar-darkshadow-color: #f7aa57;
    height: 266px;
}
#programs #content .programListItem 
{
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #000000;
}
#programs #content .programListItem p
{
    margin: 0px;
}
#programs #content .programListItem p.left,
#programs #content .programListItem p.right
{
    text-transform: uppercase;
    float: left;
}
#programs #content .programListItem p.programListTopic
{
    color: #636262;
    text-align: left;
    width: 80%
}

#programs #content .programListItem a
{
    color: #474d5b;
}
#programs #content .programListItem a:hover
{
    text-decoration: underline;
}

#divWhatAreLinks
{
	float: right;
	display: inline-block;
}

#divWhatAreLinks A
{
	text-decoration: none;
	list-style: none;
	margin-left: 10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #68696e;
}

#divWhatAreLinks A:hover
{
	color: White;
}

.instructions
{
    background-color: White;
    overflow: auto;
    scrollbar-face-color: #fcddbb;
    scrollbar-arrow-color: #c96d0a;
    scrollbar-track-color: #fef9f4;
    scrollbar-shadow-color: #ffffff;
    scrollbar-highlight-color: #fbd7b1;
    scrollbar-3dlight-color: #808080;
    scrollbar-darkshadow-color: #f7aa57;
    height: 283px;
	padding: 8px;
}

.programDetail
{
    background-color: White;
    overflow: auto;
    height: 283px;
	padding: 8px;
    display: none;
}
#programs #content .programDetail H2
{
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #474d5b;
    padding: 8px 20px 10px 5px;
    color: #474d5b;
}
#programs #content .programDetail P
{
    padding-left: 5px;
}
#programs #content .programDetail p.programDetailSponsor
{
    font-size: 80%;
}
#programs #instructions
{
    color: #636262;
    background: #f2f0f0;
}

#programs #content .RadTabStrip_activities 
{
	font-family: arial,sans-serif;
	font-size: 14px;
	clear: both;
	text-align: left;
	width: 400px;
	height:13px;
}

#programs #content .RadTabStrip_activities ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#programs #content .RadTabStrip_activities a.rtsLink  
{
	float: left; 
    height: 15px;
	width: 123px; 
    background-image: url('/images/template/programs/activities_tab_off.gif');
	cursor: pointer;
    background-repeat: no-repeat;
}


#programs #content .RadTabStrip_activities a
{
	text-align: left;
	vertical-align: middle;
	position: relative;
	margin: 0 -4px 0 0;
	float: left;
	padding: 6px 4px 6px 0;
	text-decoration: none;
	color: White;
}

#programs #content .RadTabStrip_activities a span.rtsIn
{
    margin-left: 4px;
}

#programs #content .RadTabStrip_activities ul li.NormalHeader span:hover 
{
	color: #68696e;
}

#programs #content .RadTabStrip_activities li a.rtsSelected 
{
    background-image: url('/images/template/programs/activities_tab_on.gif');
    font-weight: bold;
    cursor: default;
}

.topLine 
{
	background: none; 
	display: block;
	width: 100%;
	margin: 14px 0px 0px 0px;
	height: 10px; 
	border-top:1px solid White;
}

.ie6 .topLine, .ie7 .topLine 
{
	background: none; 
	display: block;
	width: 100%;
	margin: -1px 0px 10px 0px;
	height: 10px; 
	border-top:1px solid White;
}

/*************************** Interior Page *************************************************/

#interior
{
    background: #e4e4e4 url(/images/template/interior/contentLeftEdge.jpg) repeat-y;
    display: block;
}


#interior #content
{
    background: url(/images/template/interior/contentTopEdge.jpg) repeat-x;
    margin-left: 4px;
    padding: 25px 30px 25px 40px;
}
#interior #content #secondaryNavigation
{
    list-style: none;
    margin: 0px 0px 30px 0px;
    padding: 0px;
}
#interior #content #secondaryNavigation li
{
    list-style: none;
    float: left;
}
#interior #content #secondaryNavigation li a
{
    display: block;
    color: #747e96;
    border-left: 1px solid #747e96;
    padding: 6px 10px 6px 6px;
}
#interior #content #secondaryNavigation li a.first
{
    border: none;
    padding-left: 0px;
}
#interior #content #secondaryNavigation li a:hover
{
    text-decoration: underline;
}

#interior #content #secondaryNavigation .highlightedMenuItem
{
    color: #fb911f;
}


#interior h1
{
    color: #575d6a;
    font-size: 24px;
    font-weight: normal;
    padding-top: 6px;
    padding-left: 2px;
    margin: 0px 0px 5px;
}
#interior h2
{
    color: #fb911f;
    font-size: 22px;
    font-weight: normal;
    background: url(/images/template/interior/titleTilde.jpg) no-repeat;
    padding-top: 4px;
    padding-left: 2px;
    margin: 0px 0px 5px;
}
#interior #content h3
{
    font-size: 15px;
    color: #747e96;
    margin-bottom: 10px;
    margin-top: 5px;
}
#interior #content p
{
    margin-top: 0px;
}
#interior #content .column1, #interior #content .column2
{
    float: left;
    width: 300px;
}
#interior #content .column2
{
    margin-left: 20px;
}
#interior #content .checkbox input
{
    background-image: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

#interior #footerNavigation
{
    background: #fb911f;
    padding-left: 45px;
}
#interior #footerNavigation ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#interior #footerNavigation li
{
    list-style: none;
    float: left;
}
#interior #footerNavigation li a
{
    display: block;
    color: #ffffff;
    border-left: 1px solid #ffffff;
    padding: 6px 10px 6px 6px;
}
#interior #footerNavigation li a.first
{
    border: none;
    padding-left: 0px;
}
#interior #footerNavigation li a:hover
{
    text-decoration: underline;
}


/*************************** Redemption *************************************************/

#redemption .items p
{
    width: 90%;
    margin: 0px;
}
#redemption .items p.left, #redemption .items p.right
{
    float: left;
}
#redemption .items p.left
{
    float: left;
    width: 65%;
}
#redemption .items p.right
{
    float: left;
    width: 30%;
}
#interior #redemption .column2
{
    width: auto;
}
.pointsTable
{
    border-style: none;
    width: 618px;
    border-collapse: collapse;
    border-spacing: 0px;
}
.pointsTable .alt
{
    background-color: #FFFFFF;
}

/*************************** Newsfeed *************************************************/

.newsFeed {

}
.newsFeed .newsItem {
    margin-bottom: 8px;
}
.newsFeed .newsItem a {
    color: #575D6A;
}
.newsTooltip .rtWrapperContent div {
    text-align: left;
    padding: 5px;
}

/*************************** Footer *************************************************/
.pointsTable td, .pointsTable th
{
    padding-left: 15px;
    margin: 0px;
    border-collapse: collapse;
}
.pointsTable th
{
    border: 1px solid #FFFFFF;
    border-collapse: collapse;
}
.pointsTable .date
{
    width: 15%;
}
.pointsTable .fulfilled
{
    width: 15%;
}
.pointsTable .name
{
    width: 55%;
}
.pointsTable .programName
{
    width: 70%;
}
.pointsTable .points
{
    width: 15%;
}
#footer
{
    padding-top: 20px;
    font-size: 11px;
    text-align: center;
}
#footer a
{
    color: #43506f;
    text-decoration: underline;
}
#footer a:hover
{
    color: #000000;
}
#interior #redemption .column1
{
    width: 400px;
}