/* ----- ROYALTY WINDOW ----- */

#__VIEWSTATE {display:none}

html {
	background: url(../images/ui/background_full.gif) top center no-repeat;
	background-color: #c4c4c4;
	min-width: 982px;
	margin: 0 auto 0 auto
}

body {
	font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans, Ariel, Verdana;
	font-size: small;
	font-variant: normal;
	line-height:18px;
	color: #999;
	margin: 0;
	padding: 0;
}

#container {
	width: 982px;
	margin: 48px auto 0 auto;
	padding: 0;
	font-size: 11px;
}

h1 {
	font-size:24px;
	font-family: Lucida Bright, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Ariel, Verdana;
	font-style:italic;
	color: #FFF;
	text-align: center;
	margin-top: 65px;
	letter-spacing: 5px;
}

h2 {
	font-size:16px;
	font-weight:normal;
	color: #000;
	margin:0 0 0 0;
	padding:0 0 5px 0;
	float:left
}

h2 span {
	color: #999;
}

/* INPUT FIELD TITLES */
h3 {
	font-size:13px;
	font-weight:normal;
	color: #000;
	margin:10px 0 0 0;
	padding:0 0 2px 0;
}

hr {
	float:left; 
	display:block; 
	width:100%;
	height:1px; 
	border-top:1px #ebebeb solid; 
	border-bottom:none; 
	border-left:none; 
	border-right:none;
	margin:9px 0 9px 0;
	padding:0;
	vertical-align:top;
}

.hrule {
	float:left; 
	display:block; 
	width:100%; 
	height:1px; 
	border-top:1px #ebebeb solid; 
	border-bottom:none; 
	border-left:none; 
	border-right:none;
	margin:9px 0 9px 0;
	padding:0;
	vertical-align:top;
}


ul {margin:5px 0 10px -20px; padding:0; float:left; display:inline;}
li {margin:0 0 0 0; padding:0 0 0 0; text-indent:1px; clear:right; text-align:left; list-style:disc}


.fluidLayout ul {margin:0; padding:0;}
.fluidLayout ul span {color: #006699; padding-right:3px}
.fluidLayout li {margin:0 0 8px 0; padding:0 -20px 0 0; list-style:none; text-indent:0}

p { margin:0 0 10px 0; padding:0; display:block; clear:left}

.importantText {color:#c23300}
.blackText {color:#000}
.italicText {font-style:italic}
.blackItalicText {font-style:italic; color:#000}


a {outline-style:none;}
a:link {color:#006699; text-decoration:none; outline-style:none;} /* unvisited */
a:visited {color:#006699; text-decoration:none; outline-style:none;} /* visited */
a:active {color:#c23300; outline-style:none;} /* active once clicked */
a:hover {color:#c23300; outline-style:none;} /* hover */

/* EDITABLE BUTTONS */

#small_button input {
	background: url(../images/buttons/editable/bg_small_off.png) top left no-repeat;
	float:left;
	display:inline;
	height:45px;
	width:69px;
	font-size:18px;
	color:#FFF!important;
	text-align:center;
	line-height:44px;
	margin:5px 5px 0 -5px;
	position:relative;
	border:none;
}

#small_button input:hover {
	background: url(../images/buttons/editable/bg_small_on.png) top left no-repeat;
}

#medium_button input {
	background: url(../images/buttons/editable/bg_medium_off.png) top left no-repeat;
	float:left;
	display:inline;
	height:45px;
	width:119px;
	font-size:18px;
	color:#FFF;
	text-align:center;
	line-height:44px;
	margin:5px 5px 0 -5px;
	position:relative;
	border:none;
}

#medium_button input:hover {
	background: url(../images/buttons/editable/bg_medium_on.png) top left no-repeat;
}

#large_button input {
	background: url(../images/buttons/editable/bg_large_off.png) top left no-repeat;
	float:left;
	display:inline;
	height:45px;
	width:131px;
	font-size:18px;
	color:#FFF!important;
	text-align:center;
	line-height:44px;
	margin:5px 5px 0 -5px;
	position:relative;
	border:none;
}

#large_button input:hover {
	background: url(../images/buttons/editable/bg_large_on.png) top left no-repeat;
}



/* ----- START FORM ----- */

.hiddenInput input {
	display:none;
}

input {
	display:block;
	font-size: 105%;
	border-style: solid;
	border: 1px #999 solid;
	color: #666;
	margin:0;
	padding: 1px 4px 3px 4px;
	height:14px;
}
textarea {
	display:block;
	font-size: 105%;
	border-style: solid;
	border: 1px #999 solid;
	color: #666;
	margin:0;
	padding: 1px 4px 3px 4px;
	height:50px;
}
select {
	display:block;
	font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans, Ariel, Verdana;
	font-size:95%;
	color:#666;
	min-width:90px;
	border-style: solid;
	border: 1px #999 solid;
}
.bigButton {margin:5px 5px 0 -4px; padding:0; float:left}

/* ----- END FORM ----- */



/* ----- START HEADER ----- */

#headerHomepage {
	padding: 0;
	margin: 0;
	height: 158px;
	width: 100%;
	background: url(../images/ui/header_bg.gif) top left no-repeat;
}

#header {
	padding: 0;
	margin: 0;
	height: 158px;
	width: 100%;
	background: url(../images/ui/header_simple_bg.gif) top left no-repeat;
}

.uniLogo {
	float: left;
	margin: 26px 0 0 348px;
	display: inline;
}

.rwLogo {
	float: right;
	margin: 40px 40px 0 0;
	display: inline;
}

/* ----- END HEADER ----- */

/* GLOBAL DROP-IN ELEMENTS */

/* link with arrow float left */
.linkWithArrowLeftContainer {margin:0 0 0 0; padding:3px 0 0 0; width:auto; clear:left;}

.linkTextLeft a { 
	display:inline-block;
	line-height:10px;
	margin:0; 
	padding:0 8px 3px 0; 
	background: url(../images/icons/arrow_small_off.gif) top right no-repeat;
}

.linkTextLeft a:hover {background: url(../images/icons/arrow_small_on.gif) top right no-repeat;}
.linkTextLeft a, x:-moz-any-link {display:-moz-inline-box; line-height:9px;} /* line-height fix for Firefox 2 */
.linkTextLeft a, x:-moz-any-link, x:default {display:inline-block; line-height:9px;} /* line-height fix for Firefox 3 > */

.navLinkWithArrowLeftContainer {margin:0 40px 0 0; padding:4px 0 0 0; width:auto; clear:left;}

.navLinkTextLeft a { 
	display:inline-block;
	float:right;
	line-height:10px;
	margin:0 0 0 26px; 
	padding:0 8px 3px 0; 
	background: url(../images/icons/arrow_small_gry_off.gif) top right no-repeat;
}

.navLinkTextLeft a:hover {background: url(../images/icons/arrow_small_gry_on.gif) top right no-repeat;}
.navLinkTextLeft a, x:-moz-any-link {display:-moz-inline-box; line-height:9px;} /* line-height fix for Firefox 2 */
.navLinkTextLeft a, x:-moz-any-link, x:default {display:inline-block; line-height:9px;} /* line-height fix for Firefox 3 > */

/* CONTENT WRAPPER */

#contentWrapper {
	height: 375px;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

#contentWrapperHome {
	height: 365px;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/ui/swish.gif) top left no-repeat;
}

#contentWrapperFluid {
	width: 100%;
	display:block;
	float:left;
	margin: 0;
	padding: 0 0 40px 0;
	background: url(../images/ui/swish.gif) top left no-repeat;
	background-color: #FFF;
}

.termsButtons {float:right; margin:0 0 0 0; padding:0; display:inline; width:238px;}

.visualCueContainer {
	width: 100%;
	margin: 0 0 0 -11px;
	float: left;
}

.visualCueContainer .rightText {
	display: inline;
	width: 240px;
	float: left;
	margin: 0 0 0 -10px;
	padding: 8px 0 0 5px;
}

.visualCueBackground {
	background: url(../images/icons/visualcue_bg.gif) top left no-repeat;
	width: 176px;
	height: 176px;
	margin: 0 0 0 0;
	padding: 11px 0 0 11px;
	float: left;
}

.visualCue {
	width: 154px;
	height: 154px;
	background-color: #fe0000;
	margin: 0;
	float: left;
}

.dropdownContainer {float:right; display:inline; margin:10px 40px 0 0; padding:0}
.dropdownLabel {float:left; display:inline; margin:0 6px 0 0; padding:0}
.dropdownSelect {float:left; display:inline; margin:0; padding:0}

.homeLeftSection {float:left; width: 250px; margin: 90px 0 0 230px; padding: 0; display:inline}
.homeRightSection {float: right; width: 420px; margin: 50px 0 0 0; padding: 0; display:inline}
.homeRightSection input {width:200px}
.homeRightSection .submitButton {margin:5px 0 0 -3px}

.leftSection {float:left; width: 440px; margin: 40px 0 0 49px; padding: 20px 0 0 11px; display:inline}
.rightSection {float: right; width: 420px; margin: 60px 0 0 0; padding: 0; display:inline}
.rightSection input {width:220px}
.rightSection .submitButton {margin:5px 0 0 -3px}

.middleSection {margin: 80px 0 0 350px; float:left; display:inline}

.fluidLayout {margin: 10px 0 0 80px; float:left; width:830px; display:inline}

/* CHANGE SECURITY SECTION PAGE */

.leftSectionQuestions {float:left; width: 280px; margin: 30px 0 0 49px; padding: 20px 0 0 11px; display:inline}
.middleSectionQuestions {float: left; width: 240px; margin: 10px 0 0 20px; padding: 0; display:inline}
.rightSectionQuestions {float: right; width: 135px; margin: 10px 0 0 40px; padding: 0; display:inline}
.middleSectionQuestions input, .rightSectionQuestions input {width: 170px}
.rightSectionMultipleQuestions {float: left; width: 490px; margin: 36px 0 0 50px; padding: 0; display:inline}
.errorQuestions {float: left; width: 550px; height: 20px; margin: 15px 0 0 20px; padding: 0; display:inline}


.alertImage {display:inline; margin:-14px 0 0 0; padding:0 0 0 5px; float:left}
.alertImage2 {display:inline; margin:0 0 -10px -5px; padding:0 0 0 0; clear:right}

.inputAlert {display:inline; margin:0 0 0 0; padding:0 0 0 0;}
.inputAlert img {display:inline; margin:0 0 -4px -4px; padding:0 0 0 0;}
.inputAlert h3 {display:inline; margin:0 0 0 0; padding:0 0 0 0;}
.inputAlert span {display:inline; margin:0 0 0 0; padding:0 0 0 0;}


/* APPLICATION ONLINE PAGE */


.applicationLeftSection {float:left; width: 260px; margin: 5px 0 0 49px; padding: 20px 0 0 11px; display:inline}
.applicationLeftSection input {width:200px}
.applicationMiddleSection{float: left; width: 220px; margin: 15px 0 0 50px; padding: 0; display:inline}
.applicationMiddleSection input {width:200px}
.applicationRightSection {float: right; width: 290px; margin: 15px 40px 0 40px; padding: 0; display:inline}
.applicationRightSection select {font-size:100%}

/* START FOOTER */

#footer {
	background: url(../images/ui/footer_upper_bg.gif) top left no-repeat;
	width: 100%;
	height: 96px;
	float:left;
	margin: 0;
	padding: 4px 0 0 0;
}

/* END FOOTER */