body {
	background: #e0e0e0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small !important;
	font-size: 10px; /* IE Only */
	text-align: center; /* For All Other Browsers */
	margin: 0; padding: 0;
	color: black;
}
table {
	font-size: 100%;
	font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
}

h1 {
	font-size: 240%; color: #074094;
	margin: 0 0 0.25em 0;
}

h2 {
	font-size: 180%; color: #121212;
	text-transform: uppercase;
	margin: 0 0 0.25em 0;
}

h3 {
	font-size: 140%; color: #121212;
}

h4 {
	font-size: 120%; color: #074094;
	text-transform: uppercase;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 100%; font-style: italic; font-weight: normal;
}

p {
	font-size: 120%;
	line-height: 1.4em;
	margin: 0 0 1em 0;
}

/* Hide from IE5-mac. Only IE-win sees this. Thanks Holly!! \*/
 
* html p {
  height: 1%;
  margin-left: 0;
  }
 
/* End Holly Hack + Hide from IE5/mac */

a:link, a:visited {
	color: #3770d4;
}

a:hover {
	color: #074094;
}

ul, ol {
	margin: 0 0 15px 0;
}

input {
	font-size: 110% !important;
	font-size: 95%;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

html>body input {height: auto;}

input.verylong { width: 325px; }
input.long { width: 225px; }
input.short { width: 125px; }
input.extrashort { width: 50px; }

textarea {
	font-size: 110%;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0; padding: 0;	
}

html>body textarea {height: auto;}

textarea.verylong { width: 325px; }
textarea.long { width: 225px; }
textarea.short { width: 125px; }

table td {
	font-size: 110%;
}

table input {
	font-size: 110%;
	margin: 0px; padding: 0px;
}

.fullwidth 
{
	display: block;
	width:100%;
}

input.classicbutton {
	font-size: 90%;
	width: auto;
	height: auto;
	padding: 0px 3px 0px 3px;
}

input.button {
	font-size: 90% !important;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 16px;
	height: 18px;
	color: white;
	background: url(images/button-back.gif.aspx) left center no-repeat;
	border: 0px;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin: 0px 5px 0px 10px;
	display: inline-block;
	padding: 0px 11px 0px 13px;
	_padding: 0px 5px 0px 8px;
}

img {margin: 0px; padding: 0px; border: 0px;}


.float-right {float: right;}
.float-left {float: left; }
.clear {clear: both; visibility: hidden; height: 0px;}

.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }

.nopadding tr, .nopadding td {
	padding: 0; margin: 0;
}

ul.paddedlist
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.padded
{
	padding: 0px 0px 2px 2px;
}

li.altItem
{
	background: #d6e6f6;
}

.styledlist 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small !important;
	font-size: 10px; /* IE Only */
	margin: 0; padding: 0;
	color: black;
}
.horiontalList li
{
	display:inline;	
}

/* GENERAL USE
----------------------------------------------- */
.orange { color: #e14800; }
.red { color: #cc0000; }
.blue { color: #074094; }
.note { color: #545454; font-size: 100%; font-weight: normal; text-transform: none;}
.error { color: #cc0000; font-style: italic;}
.shaded {color: #888; font-style: italic;}
.strong { font-weight:bolder; }
.hidden { display:none; }
.border-thin { border: solid 1px #074094;}
.larger { font-size: 115%; }
.smaller { font-size: 100%; }
.clickable { cursor:pointer; }

/* BUTTONS 
----------------------------------------------- */
.button-large {
	font-size: 180%;
	font-weight: bold;
	margin: 0.25em 0 0.5em 0;
}

a.button-large:link, a.button-large:visited {
	color: white;
	line-height: 30px;
	background: #e14800 url(images/search-back-orange.gif.aspx) center repeat-x;
	padding: 3px 10px 3px 5px;
	border: 1px solid #000000;
	text-decoration: none;
	text-shadow: 0 1px 1px #121212;
}

a.button-large:hover {
	background: #ff7900;
}

a.button-small, a.button-small-selected {
	font-size: 100%;
	font-weight: bold;
	margin: 0.25em 0 0.25em 0;
}

a.button-small-selected:link, a.button-small-selected:visited
{
	color: white;
	line-height: 20px;
	background: #3966a9;
	padding: 3px 10px 3px 5px;
	border: 1px solid #000000;
	text-decoration: none;
	text-shadow: 0 1px 1px #121212;
}

a.button-small:link, a.button-small:visited {
	color: white;
	line-height: 20px;
	background: #e14800 url(images/search-back-orange.gif.aspx) center repeat-x;
	padding: 3px 10px 3px 5px;
	border: solid 1px #000000;
	text-decoration: none;
	text-shadow: 0 1px 1px #121212;
}

a.button-small:hover, a.button-small-selected:hover {
	background: #ff7900;
}

/* LAYOUT STYLES
============================================= 
So I'm proposing, a swift orderly change 
============================================= */

.wrapper {
	width: 790px;
	background: none;
	text-align: center; /* IE Only */
	margin: 0px auto 0px auto;
	position: static;
}

/* These two styles establish the shadow along the outer side */

/* OUTER DIV */
.header-wrapper, .special-wrapper, .search-wrapper, .title-wrapper, .index-area, .main-wrapper, .footer-wrapper {
	width: 790px;
	background: url(images/background.gif.aspx) center repeat-y;
	text-align: center;
}

/* INNER DIV */
.special-wrapper2, .search-wrapper2, .title-wrapper2, .index-area2, .main-wrapper2, .footer-wrapper2 {
	width: 770px;
	text-align: left; /* IE Only */
	margin: 0px auto 0px auto;
	background: white;
}

/* Padding of the inner-most DIVs */
.header-navi, .header-logo {
	padding: 0 5px 0 5px;
	margin: 0 0 0 0;
}

.header-navi {
	 background: #e0e0e0 url(images/my_rebel_com_header_top.gif.aspx) top center no-repeat;
	 height: 50px;
	 text-align: right; /* IE Only */
}
 
.header-logo {
	 background: #ffffff url(images/my_rebel_com_header_bottom.gif.aspx) top center no-repeat;
	 height: 75px;
	 padding: 0 10px;
	 text-align: left; /* IE Only */
}


.header-wrapper2 {position: relative;}

.header-logo_content 
{
	position: absolute;
	top: 53px; right: 25px;   
	height: 35px; 
	width: 105px;    
	/*margin: 15px 25px 0 0; */
}

.main-wrapper2 {
	clear: both;
	background: white;
	background: white url(images/main-back.gif.aspx) top left repeat-x;
	padding: 15px 0 20px 0;
	position: static;
}

.title-wrapper2 {
	background: #074094 url(images/search-back-blue.gif.aspx) center repeat-x;
	padding: 5px 0;
	min-height: 50px;
}


.sidebar {
	float: left;
	width: 225px; /* IE Only */
	/*border-right: 1px solid #c1c1c1;*/
	padding: 0 10px;
}

html>body .sidebar {
	width: 205px;
}

.main { /* 475 pixels wide */
	margin-left: 245px;
	margin-right: 20px;
	width: 490px;
}
.main-1col { /* 700 pixel column */
	margin: 0 40px 0 20px;
	width: 700px;
}

.footer-wrapper {
	clear: both;
	background: url(images/footer-back.gif.aspx) top center no-repeat;
	height: 60px; /* This will need to be adjusted at the IMAGE level - change the original graphic */
}

.footer-wrapper2 {
	width: 730px;
}

/* HEADER NAVIGATION STYLES 
----------------------------------------------- */

.header-navi div.navi-home
{
	display:block;
	float:left;	
}

.header-navi ul.naviItemWrapper, .header-navi_large ul {
	margin: 27px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float:right;	
	list-style: none outside;
}
.header-navi li.naviItem, .header-navi_large li {
	display: block;
	float:left;
	margin: 0px 17px 0px 0px;
	font-size: 100%;
	font-weight:bold;
}

.header-navi a:link, .header-navi a:visited,
.header-navi_large a:link, .header-navi_large a:visited {
	color: #074094;
	text-decoration: none;
}

.header-navi a:hover,
.header-navi_large a:hover {
	color: #454545;
}

/* TITLE STYLES 
----------------------------------------------- */
.title-wrapper2 h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	font-size: 360%;
	line-height: 1em;
	color: white;
	text-shadow: 0 1px 1px #121212;
	text-transform: uppercase;
}

.title-wrapper2 h2 {
	font-size: 130%;
	color: white;
	text-shadow: 0 1px 1px #121212;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
}

.title-wrapper2 div
{
	padding: 0px 25px 0px 25px;
}

.title-wrapper2 a:link, .title-wrapper2 a:visited {
	color: #fff;
	text-decoration: none;
}

.title-wrapper2 a:hover {
	color: #ff7900;
}

/* FORMS 
================================= */

.form {
	width: 95%;
	background: #efefef url(images/form-back1.gif.aspx) bottom right no-repeat;
	border-top: 1px solid #a1a1a1;
	padding: 10px 5px; 
	margin: 0 0 10px 0;
}

.form ul {
	list-style: none outside;
	margin: 0; padding: 0;
}

.form li {
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 5px 0;
}

/* Same between Enabled/Disabled: */

.form-enabled, .form-disabled {
	width: 95%;
	padding: 0 5px 10px 5px; 
	margin: 0 0 10px 0;
	display:block;
}

.form-enabled h3, .form-disabled h3 , .form-enabled h3.complex
{
	width:100%;
	font-size: 140%;
	line-height: 25px;
	color: white;
	margin: 0px -5px 10px -5px;
	padding: 2px 5px 3px 5px;
	border-bottom: 1px solid white;
	text-transform: uppercase;
}

.form-enabled h3.complex 
{
    vertical-align: middle;
    display: -moz-inline-block;
}

html>body .form-enabled h3 {padding: 0 5px;}
html>body .form-enabled h3 input { vertical-align:middle;}
html>body .form-disabled h3 {padding: 0 5px;}
html>body .form-disabled h3 input { vertical-align:middle;}

/* Forms - Enabled */

.form-enabled {
	background: #efefef url(images/form-back1.gif.aspx) bottom right no-repeat;
	border-top: 1px solid #a1a1a1;
	
}

.form-enabled h3, .form-enabled h3.complex {
	background: #d93b00 url(images/bar-orange.gif.aspx) top repeat-x;
}

.form-enabled h4 {
	font-size: 120%; color: #074094;
}

.form-enabled ul {
	list-style: none outside;
	padding-left: 0px;
}

/* Forms - Disabled */

.form-disabled {
	background: #f2f2f2 url(images/form_disabled-back1.gif.aspx) bottom right no-repeat;
	border-top: 1px solid #b4b4b4;
	color: #333;
}

.form-disabled h3 {
	background: #ad7a67 url(images/bar_disabled-orange.gif.aspx) top repeat-x;
	
}

.form-disabled h4 {
	font-size: 120%; color: #5d6f8d;
}

ul.arrowlist {
	list-style-image: url(images/bullet_arrow-orange.gif.aspx);
	margin: 0 0 5px 20px; padding: 0;
}

ul.arrowlist-blue {
	list-style-image: url(images/bullet_arrow-blue.gif.aspx);
	margin: 0 0 5px 20px; padding: 0;
}

ul.clearlist 
{
	list-style-image: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.display 
{
	width: 100%;
	border-collapse:collapse;
	border: hidden 0px;
	*border: none 0px;
}
table.display tr th
{
	background-color: #074094;
	font-size: 110%;
	color: #FFFFFF;
}
table.display tr, table.display tr td, table.display tr th
{
	border-collapse:collapse;
	border: hidden 0px;
	*border: none 0px;
}
table.display tr td, table.display tr th
{
	padding: 2px 5px 2px 5px;
}
table.display tr.alt
{
	background: #d6e6f6;	
}

/* MESSAGEPANEL STYLES 
================================= */

.messagepanel {
	width: 490px;
	margin: 3px 0 10px 0;
}

.messagepanel h1 {
	font-size: 240%; line-height: 32px; 
	color: #074094;
}

.messagepanel-head {
	height: 5px;
	background: url(images/errorbox-top.gif.aspx) no-repeat;
	background-position: left;
}

.messagepanel-body {
	padding: 5px 10px;
	border-left: 1px solid #bcc3db;
	border-right: 1px solid #bcc3db;
	overflow:auto;
}

.messagepanel-messagelist {
	height: 75px;
	display:block;
	overflow:auto;
}

.messagepanel-foot {
	clear: right;
	height: 5px;
	_margin-top: -13px;
	_margin-left: -2px;
	background: url(images/errorbox-foot.gif.aspx) no-repeat;
	background-position: left !important;
	background-position: 2px;
}

/* ERRORBOX STYLES 
================================= */

.errorbox {
	width: 490px;
	margin: 3px 0 10px 0;
}

.errorbox h1 {
	font-size: 240%; line-height: 32px; 
	color: #cc0000;
}

.errorbox p {
	background: url(../../icons/delete_24.gif.aspx) top left no-repeat;
	padding-left: 40px;
}

.errorbox-head {
	height: 5px;
	background: url(images/errorbox-top.gif.aspx) no-repeat;
	background-position: left;
}

.errorbox-body {
	padding: 5px 10px;
	border-left: 1px solid #bcc3db;
	border-right: 1px solid #bcc3db;
}

.errorbox-foot {
	clear: right;
	height: 5px;
	background: url(images/errorbox-foot.gif.aspx) no-repeat;
	background-position: left !important;
	background-position: 2px;
}
.validatorCalloutHighlight
{
	background-color: #d93b00;
}
.innerSearchBar
{
	background: #d93b00;
	height: 100%;
}
.outerSearchBar
{
	background-color: #074094;
	height: 20px;
	width: 150px;
	display:block;
	border: solid 1px black;
}
.contactwrapper
{
	width:100%;
	display:block;
	position:relative;
}
.twocolumn
{
	width: 47%;
}
.registryReporting iframe,.registryReporting object
{
	width:100%;
	height:600px;
}
.livechat
{
    height:35px;
    width:105px;
    background: url(images/button-livechat.gif.aspx) left center no-repeat;
    padding: 10px;  
}
.whoisbox textarea
{
	width:100%;
	height:200px;
}
.whoisDisplay
{
	width:100%;
	height:150px;
	overflow:auto;
}

/* TOP BOX STYLES 
================================= */			
.topbox {
    position:relative;
	width: 670px;
	margin: 3px 0 0px 0;
	border: 1px solid red;
	background-position: left;
}

.topbox-head {
	height: 5px;
	background: url(images/topbox-head.gif) no-repeat;
	background-position: left;
}

.topbox-body {
	padding: 5px 10px;
	border-left: 1px solid #bcc3db;
	border-right: 1px solid #bcc3db;
}

.topbox-foot {
	clear: right;
	height: 5px;
	background: url(images/topbox-foot.gif) no-repeat;
	background-position: left !important;
	background-position: 2px;
	/*padding-bottom: 2px;*/
	}

/* END OF TOP BOX STYLES 
================================= */

.message-wrapper {
    position: relative;
    float:left;
    display: block;
    width: 100%;                
    background-color: #fff;
  }  
  
.message-wrapper div.innerwrapper
{
	float:left;	
	display: block;	
	width: 100%;	
	position: static;
	margin: 0px 0px 0px 0px;
}
.message-wrapper div.innerwrapper div.infobox-220
{
	margin: 0px 0px 0px 10px;
}
.message-wrapper div.innerwrapper div.info-top-220
{	
	height: 270px;
}
 
 /* INFOBOXES - WHITE OR BLACK 
----------------------------------------------- */

div.infobox, div.infobox-black {
	width: 200px;
	background: url(images/infobox-back.gif.aspx) center repeat-y;
	border: 0;
	margin: 5px 0 5px 0; padding: 0;
}

div.infobox div.info-top, div.infobox-black div.info-top {
	background: url(images/infobox-top.gif.aspx) center top no-repeat;
	padding: 20px 20px 0 20px;
	min-height: 100px;
}

div.infobox div.info-bottom, div.infobox-black div.info-bottom {
	background: url(images/infobox-bottom.gif.aspx) center bottom no-repeat;
	height: 30px;
}

 /* INFOBOXES - 220 WHITE
----------------------------------------------- */

div.infobox-220 {
	width: 220px;
	background: url(images/infobox-back-220.gif.aspx) center repeat-y;
	border: 0;
	margin: 5px 0 5px 0; padding: 0;
}

div.infobox-220 div.info-top-220{
	background: url(images/infobox-top-220.gif.aspx) center top no-repeat;
	padding: 20px 20px 0 20px;
	min-height: 100px;
}

div.infobox-220 div.info-bottom-220 {
	background: url(images/infobox-bottom-220.gif.aspx) center bottom no-repeat;
	height: 30px;
}