html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: Arial, Helvetica, sans-serif;}
body {line-height: 1; background: url(images/bg_body.jpg) no-repeat top center #ffffff;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration: none;}

/**************************
		CLEARFIX 
**************************/
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/**************************
		TOP
**************************/
#wrapper {width: 100%; padding: 0; margin: 0 auto; position: relative;}

#header {width: 100%; margin: 0; padding: 0; position: relative;}
ul#nav {height: 23px; margin: 0; padding: 15px 0; -moz-border-radius-bottom: 5px; position: absolute; top: 0; right: 100px; z-index: 1000}
ul#nav li {padding: 5px 10px; margin: 0; display: block; float: left; height: 18px;}
ul#nav li.first {border-right: 1px #999999 dotted;}
ul#nav li.last {border-right: none; padding:5px 10px; }
ul#nav li.last2 {border-right: none; padding:0px 10px; }
ul#nav li a {font-size: 14px; font-weight: bold; color: #333333;}
ul#nav li input {padding: 4px; background: #eeeeee; border: 2px #999999 solid; font-size: 14px; color: #000000;}
#login {position: absolute; top: 53px; right: 100px; width: 250px; padding: 20px; background: #f2f2f2; z-index: 10000; -moz-border-radius: 10px; display: none; }
#register {position: absolute; top: 53px; right: 100px; width: 320px; padding: 20px; background: #f2f2f2; z-index: 10000; -moz-border-radius: 10px; display: none; }

#main_inner {margin:0 auto; padding:40px 20px; position:relative; width:920px;}
#main_inner .col66 {color:#393939; float:left; font:16px/24px Helvetica,Arial,sans-serif; margin:0 3% 0 0; width:63%;}
#main_inner .col66 p strong {font-weight: bold;}
#ctl00_lblCopyrightYear {margin: 0 auto; width: 300px;}
#ctl00_cphNavigation_Button1 {margin: 0 0 0 145px;}

#ctl00_cphMain_ucProfile_imgProfile {display: none;}
#ctl00_cphMain_ucProfile_btnBack {width: 100px; height: 25px; background: url(images/btn_cancel.png) no-repeat top center transparent; border: none;}
#ctl00_cphMain_ucProfile_btnSignUp {width: 175px; height: 50px; background: url(images/btn_reg.png) no-repeat top center transparent; border: none;}
#ctl00_cphMain_ucProfile_btnUpdate {width: 100px; height: 25px; background: url(images/btn_save2.png) no-repeat top center transparent; border: none;}
#ctl00_cphMain_btnBack {width: 100px; height: 25px; background: url(images/btn_back.png) no-repeat top center transparent; border: none;}
#ctl00_cphMain_btnSend {width: 100px; height: 25px; background: url(images/btn_send.png) no-repeat top center transparent; border: none;}

#headline {font: 30px Arial, Helvetica, sans-serif; letter-spacing: -.5px; color: #f00; padding: 75px 0 0 14px;}
#headline span {font: bold 42px Arial, Helvetica, sans-serif;}

/************************************************
        OLD SELLPOINT STYLES STILL IN USE
************************************************/
.Btn_OK {width: 45px; height: 45px; background: url(images/ok.png) no-repeat top center; border:none;}

/**************************
		PARALLAX
**************************/
#logo {background: url(images/spritely_logo.png) 0 0 no-repeat; width: 378px; height: 121px; position: absolute; top: 7px; left: 30px; z-index: 1900; text-indent: -9999px;}
#container {min-width: 900px; padding-top: 359px; position: relative; width: 100%; border-bottom: 1px solid #999999;}
#mainContent {padding: 40px 30px 30px 30px;}
#mainContent h1 {text-align: -9999px; height: 0; overflow: hidden; margin: 0;}
#content {margin-right: 250px;}
#sidebar {position: absolute; top: 448px; width: 200px; right: 30px;}
.panel {margin-bottom: 2em; display: none;}
#stage {top: 0px; left: 0px; z-index: 100;}
.stage {position: absolute; top: 0; left: 0; width: 100%; min-width: 900px; height: 359px; overflow: hidden;}
#bg {background: #aedfe5 url(images/sky1.png) 0 0 repeat-x;}
#clouds {background: transparent url(images/cloud.png) 305px 102px repeat-x;}
#hill2 {background: transparent url(images/hill2.png) 0 258px repeat-x;}
#hill1 {background: transparent url(images/hill-with-windmill.png) 0 104px repeat-x;}
#bird {background: transparent url(images/bird-forward-back.png) 0 0 no-repeat; position: absolute; top: 150px; left: 65px; width: 180px; height: 123px; z-index: 2000; cursor: pointer;}

		
/**************************
		DASHBOARD
**************************/
#bg_main {width: 920px; padding: 0 20px; margin: 0 auto; position: relative;}
.images-view .x-panel-body { font: 8px Arial, Helvetica, sans-serif;}
.images-view .thumb { background: #dddddd; padding: 3px;}
.images-view .thumb img { height: 80px; width: 110px; }
.images-view .thumb-wrap { float: left; margin: 4px; margin-right: 0; padding: 5px; text-align: center;}
.images-view .thumb-wrap span { display: block; overflow: hidden; text-align: center;}        
.images-view .x-view-over { border: 1px solid #dddddd; background: #efefef url(../../Shared/images/row-over.gif) repeat-x left top; padding: 4px;}        
.images-view .x-view-selected { background: #eff5fb url(../../Shared/images/selected.gif) no-repeat right bottom; border: 1px solid #99bbe8; padding: 4px;}
.images-view .x-view-selected .thumb { background: transparent;}        
.images-view .loading-indicator { font-size: 11px; background-image: url(../../Shared/images/loading.gif); background-repeat: no-repeat; background-position: left; padding-left: 20px; margin: 10px;}

/**************************
		COOL-LITE
**************************/
#cphMain_DashboardGrid_Container {background: #fff; padding: 20px; width: 880px;}
.x-panel-header {
background: none; border: none;
}
span.x-panel-header-text {font-size: 30px; position: absolute; top: 105px;}
.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {background: none; border: none;}
#cphMain_ImageButtonAddUser {text-indent: -9999px; background: url(images/add_user.png) no-repeat top center; width: 144px; height: 38px; position: absolute; right: 40px; top: 90px;}
#cphMain_ImageButton2 {text-indent: -9999px; background: url(images/add_prop.png) no-repeat top center; width: 182px; height: 38px; position: absolute; right: 40px; top: 90px;}
#cphMain_ImageButton1 {text-indent: -9999px; background: url(images/watchfirst.jpg) no-repeat top center; width: 182px; height: 38px; position: absolute; right: 240px; top: 90px;}
#cphMain_ImageButton3 {text-indent: -9999px; background: url(images/icon_comment.png) no-repeat top center; width: 182px; height: 38px; position: absolute; right: 440px; top: 90px;}
#referFriends {text-indent: -9999px; background: url(images/btn_friends.png) no-repeat top center; position: absolute; right: 240px; top: 5px;}
.x-grid3-row {border-bottom: 1px dotted #999999; padding: 10px 0; border-right: none; border-left: none; border-top: none;}
.x-grid3-row-alt {background: none;}
#ctl00_cphMain_ctl01 {height: 38px;}
.x-panel {border: none;}
.listwrap {border: 10px #cccccc solid; margin: 30px 0 0 0; -moz-border-radius: 10px; padding: 10px;}
.x-panel-body-noheader, .x-panel-mc .x-panel-body {border: none;}
#ctl00_cphMain_NewPropertyWindow_Content {border: none;}
.x-grid3-header {background: none; border: none; margin: 10px 0 0 0; border-bottom: 1px dotted #999999;}
.x-grid3-hd-row td {border: none; width: auto;}
.header_text {font-size: 14px; color: #666666;}
 td.x-grid3-hd, td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {background: none; color: #666666; font: 14px Arial, Helvetica, sans-serif;}
.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner {color: #666666; font: 14px Arial, Helvetica, sans-serif;}
.x-grid3-hd-btn {}
a.x-grid3-hd-btn:hover {}
.x-grid3-hd, .x-grid3-cell .x-grid3-td-Address .x-grid3-cell-first {color:#f00;}
.x-grid3-hd-btn {background: url(images/arrow.png) top center no-repeat; width: 22px; height: 24px;}
a.x-grid3-hd-btn:hover {background-position:top center; }
.header_text { color:#f00; }
#ext-gen14 {border: none;}
.x-panel-noborder .x-panel-header-noborder {border: none;}
p.btns {font: 14px/20px Arial, Helvetica, sans-serif; color: #00F;}
p.btns:hover {text-decoration: underline;}
.x-grid3-row td, .x-grid3-summary-row td {vertical-align: middle;}
.x-grid3-col .x-grid3-cell .x-grid3-td-Views  td { text-align:center; }
