
/**
 *
 * GetYourIDX CSS Style
 *
 * (c) 2009 GetYourIDX
 * Created by: Paul Trippett <paul@getyouridx.com>
 *
 */


/**
 * Base Styles
 */

HTML { background-color:#EDEDED; }
BODY { font-family:Arial, Helvetica, sans-serif; font-size:10pt; background:#fff url(http://a1.cdn.getyouridx.net/bg.png) repeat-x; }

#x-header { background:url(http://a1.cdn.getyouridx.net/topbg.jpg) no-repeat right; height: 240px; margin-bottom: 25px;}
#x-logo { width:191px; height:90px; }
#x-logo IMG { margin-top:45px; margin-bottom:10px; }
#x-logo IMG.xmas { margin-left: -20px; margin-top:32px; margin-bottom:10px; }
#x-headline { margin-top:15px; color: #FFF; font-size: 15pt; text-align: justify; letter-spacing: 3px; line-height: 140%; }

#x-pagefooter { background-color:#EDEDED; border-top:1px solid #646464; margin-top: 2em; }
#x-pagefooter A, #x-sitemap A { color:#000; }

#x-sitemap { }
#x-sitemap h5 { color:#777777; font-size:13px; font-weight:normal; letter-spacing:1px; margin:0 0 5px; padding:10px 0 0px; text-transform:uppercase; }
#x-sitemap ul { padding: 0; margin: 0; }
#x-sitemap ul li { display:block; line-height:1.5em; margin:0 0 3px; padding:0 0 3px; }
#x-sitemap a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(http://a1.cdn.getyouridx.net/icon-fillarrow-gray.gif) no-repeat scroll 0 50%; color:#555555; padding:0 0 0 10px; font-size: 80%;}
#x-sitemap a:hover { color: #000; }
#x-pagebase { margin: 20px 0; font-size: 80%; }

#x-sidemenu { margin-bottom: 2em; }
#x-sidemenu H5 { background: #EEE; border-bottom: 1px solid #AAA; color: #192839; font-size: 0.8em; font-weight: bold; margin: 1.1em 0px 0.4em; padding: 0.3em 10px; text-transform: uppercase; }
#x-sidemenu H5 A { color: inherit; text-decoration: none; }
#x-sidemenu H5 A:hover { color: #ba0000; }
#x-sidemenu UL { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0px; padding: 0; }
#x-sidemenu UL LI { margin: 0px; border-bottom: 1px solid #EEE; font-size: 0.8em; line-height: 1.4;  }
#x-sidemenu UL LI A { display: block; margin: 0px; color: #ba0000; padding: 0.3em 10px; position: relative; text-decoration: none; }
#x-sidemenu UL LI A:hover { background: #EEE; color: #ba0000; }
#x-sidemenu P { display: block; margin: 0px; padding: 0.3em 10px; position: relative; text-decoration: none; font-size: 0.8em; }

DIV.form { overflow: hidden; padding: 1em; border: 1px solid #ccc; -moz-border-radius:7px ; -webkit-border-radius:7px; padding-top: 0.5em; }
DIV.form H2 { border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom: 10px; clear: both; margin-top: 4em;}
DIV.form H2:first-child { margin-top: 0.5em;}

.x-formtable {  }
.x-formtable TR { margin-bottom: 2px; background-color: #FFF; }
.x-formtable TR.nostyle { background-color: #FFFFFF; margin-bottom: 2px; }
.x-formtable INPUT.styled { font-size:24px; width:40%; }
.x-formtable TEXTAREA.styled { font-size:24px; width:40%; }
.x-formtable INPUT.large { width:81%; }
.x-formtable LABEL { padding-left: 10px; padding: 10px 10px; float: left; }

TABLE.x-productselector { border: 4px solid #BBB; width: 98%; }
TABLE.x-productselector TH { background-color: #FFF; color: #777; text-align: center; border: none; }
TABLE.x-productselector .bottom { border-bottom: 1px solid #DDD; }
TABLE.x-productselector .right { border-right: 1px solid #DDD; }
TABLE.x-productselector .center { text-align: center; }
TABLE.x-productselector .odd { background-color: #FAFAFA; }
TABLE.x-productselector .bold { font-weight: 700; color: #555; }

.x-flashnotice { background:transparent url(http://a1.cdn.getyouridx.net/flashnotice.jpg) no-repeat scroll 0 0; padding-left: 10px; margin: 0.5em 0 1em 0; }
.x-flashnotice .x-flashnotice-content { background:transparent url(http://a1.cdn.getyouridx.net/flashnotice.jpg) no-repeat scroll top right; color:#1D2B3D; font-size:12px; height:50px; line-height: 50px; padding-left: 10px; position:relative; }

img.x-percentImage { background: white url(http://a1.cdn.getyouridx.net/percentImage_back.png) top left no-repeat; padding: 0; margin: 5px 0 0 0; background-position: 1px 0; }

.x-form-text { padding-top: 8px; }
.x-form-text LABEL { padding-top: 0px; }
/**
 * Text Styles
 */

H1 { color:#d30000; font-size:18pt; font:Arial; font-weight:400; margin: 10px 0; padding: 0; letter-spacing: -1px; }
H2 { color:#d30000; font-size:14pt; font:Arial; font-weight:400; margin: 5px 0; padding: 0; letter-spacing: -1px; }
H2 A { color: inherit; text-decoration: none; }
H4 { color: #666; font-size: 14px; margin-bottom: 20px; }
P  { text-align: justify; }
LI  { text-align: justify; }

SPAN.callus { font-size: 16px; color: #dd0000; font-weight: bold; }
DIV.cancel { line-height: 30px; }


/**
 * Blog
 */

.blogentry { margin-bottom: 2em; }
.blogentry .date { margin: -10px 0 10px 0; font-size: 10pt; color: #777; font-style: italic; }
.blogentry .body { margin-bottom: 1em; }

#dsq-comments-title H3 { margin-top: 2em; }
.dsq-item-trackback .dsq-trackback-url { width: 500px; }



/**
 * Object Styles
 */

THEAD TH { background-color: #d30000; color: #FFFFFF; }

OL.items LI, DL.items DD { margin-bottom: 1em; }

LABEL { float: left; width: 150px; padding-top: 8px; clear: both; margin: 0 0 0.5em 0; }
TEXTAREA { width: 61%;  height: 100px; font-size: 16px; margin: 0 0 0.5em 0; width:30%; border: 2px solid #CCC; border-bottom-left-radius: 4px 4px; border-bottom-right-radius: 4px 4px; border-top-left-radius: 4px 4px; border-top-right-radius: 4px 4px; font-size: 1.1em; padding: 5px; outline: none; }
TEXTAREA:focus { border-color: #dd0000; }

INPUT[type=text],INPUT[type=password] { font-size:16px; margin: 0 0 0.5em 0; width:30%; border: 2px solid #CCC; border-bottom-left-radius: 4px 4px; border-bottom-right-radius: 4px 4px; border-top-left-radius: 4px 4px; border-top-right-radius: 4px 4px; font-size: 1.1em; padding: 5px; outline: none; }
INPUT[type=text].long,INPUT[type=password].long { font-size:16px; margin: 0 0 0.5em 0; width:61%; }
INPUT[type=text]:focus,INPUT[type=password]:focus { border-color: #dd0000; }

INPUT[type=checkbox] { margin: 10px 0; }

SELECT { font-size:16px;  }

/**
 * Buttons
 */
.buttons { background-color: #EEEEEE; padding: 0 10px; margin-bottom: 10px; border-bottom: #BBB solid 1px; border-right: #BBB solid 1px !important; border-top: #DDD solid 1px; border-left: #DDD solid 1px; overflow: hidden; }


/**
 * Speech Bubble
 */

.x-bubble { background:transparent url(http://a1.cdn.getyouridx.net/sidebubble.png) no-repeat scroll 0 0; color:#505050; font-size:13px; height:78px; line-height:20px; padding:15px; width:268px; }
.x-bubble-title { color:#555; font-size:14px; font-weight:bold; padding:20px 0 0 35px; }
.x-bubble-title A { color:#dd0000; }


/**
 * Call to Actions (Home Page)
 */

.x-calltoactions-nav { margin-top: 0.5em; margin-bottom: 0.5em; width: 150px; margin-left: auto; margin-right: auto; }
.x-calltoactions { margin-top: 3em; margin-bottom: 2em; width: 150px; margin-left: auto; margin-right: auto; }
.x-calltoactions img { margin-bottom: 1em; }

    
/**
 * Login Box
 */

#signin-container { width:380px; margin: 0 auto; position: relative; float: right; right: 0px; top: 30px }
#signin-content { width:520px; min-height:500px; }
#topnav { color: #AAA; }
#topnav, #dashboardnav { padding:10px 0px 12px; font-size:11px; line-height:23px; text-align:right; }
#topnav a.signin,#dashboardnav a.signin { background:#bb0000; padding:4px 6px 6px; text-decoration:none; font-weight:bold; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; *padding:4px 12px 6px; }
#topnav a.signin:hover,#dashboardnav a.signin:hover { background:#990000; *padding:4px 12px 6px; }
#topnav a.menu-open { background:#aa0000!important; color:#666!important; outline:none; }
a.signin { position:relative; margin-left:3px; }
a.signin span { background-image:url("http://a1.cdn.getyouridx.net/toggle_down_light.png"); background-repeat:no-repeat; background-position:100% 50%; padding:4px 16px 6px 0; }
a.signin.menu-open span { background-image:url("http://a1.cdn.getyouridx.net/toggle_up_dark.png"); color:#fff; }
#small_signup { display:inline; float:none; line-height:23px; margin:25px 0 0; width:170px; }
#signin_menu { -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; display:none; background-color:#aa0000; position:absolute; width:210px; z-index:99999; border:1px transparent; text-align:left; padding:12px; top: 24.5px;  right: 0px;  margin-top:5px; margin-right: 0px; *margin-right: -1px; color:#789; font-size:11px; }
#signin_menu input[type=text], #signin_menu input[type=password] { display:block; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #ACE; font-size:13px; margin:0 0 5px; padding:5px; width:203px; }
#signin_menu p { margin:0; }
#signin_menu a { color:#fff; }
#signin_menu label { float: none; font-weight:normal; width: auto; color: #fff; text-align: left; line-height: 120%; }
#signin_menu p.remember { padding:10px 0; }
#signin_menu p.forgot, #signin_menu p.complete { clear:both; margin:5px 0; }
#signin_menu p a { color:#fff!important; }
#signin_submit { -moz-border-radius:4px; -webkit-border-radius:4px; background:#dd0000; border:1px solid #bb0000; color:#fff; text-shadow:0 -1px 0 #bb0000; padding:4px 10px 5px; font-size:11px; margin:0 5px 0 0; font-weight:bold; }
#signin_submit::-moz-focus-inner { padding:0; border:0; }
#signin_submit:hover, #signin_submit:focus { background-position:0 -5px; cursor:pointer; }


/**
 * Callout boxes
 */

.x-success { background: #E6EFC2; border:1px solid #C6D880; margin-bottom:1em; position: relative; }
.x-success-icon { position: absolute; background: url(http://a1.cdn.getyouridx.net/icons.png) top left; background-position: top left; width: 16px; height: 16px; top: 10px; left: 10px; }
.x-success .x-success-content { padding: 10px 10px 10px 40px; color: #264409; }

.x-error { background: #FBE3E4; border:1px solid #FBC2C4; margin-bottom:1em; position: relative;}
.x-error .x-error-icon { position: absolute; background: url(http://a1.cdn.getyouridx.net/icons.png); background-position: -80px left; width: 16px; height: 16px; top: 10px; left: 10px; }
.x-error .x-error-content { padding: 10px 10px 10px 40px; color: #8A1F11; }
.x-error UL { margin: 0; padding: 0 0 0 2em; }

.x-notice { background: #FFF6BF; border:1px solid #FFD324; margin-bottom:1em; position: relative; }
.x-notice .x-notice-icon { position: absolute; background: url(http://a1.cdn.getyouridx.net/icons.png); background-position: -80px left; width: 16px; height: 16px; top: 10px; left: 10px; }
.x-notice .x-notice-content { padding: 10px 10px 10px 40px; color: #514721; }

.x-information { background: #e4e9ff; border:1px solid #99ACFF; margin-bottom:1em; position: relative; }
.x-information .x-information-icon { position: absolute; background: url(http://a1.cdn.getyouridx.net/icons.png); background-position: -96px left; width: 16px; height: 16px; top: 10px; left: 10px; }
.x-information .x-information-content { padding: 10px 10px 10px 40px; color: #514721; }

.x-success UL, .x-error UL, .x-notice UL, .x-information UL { margin-left: 17px; }
.x-success UL LI, .x-error UL LI, .x-notice UL LI, .x-information  UL LI { line-height: 12px; }
.x-success A, .x-error A, .x-notice A, .x-information A { color: inherit; }


/**
 * 3rd Party Objects / Includes
 */
#twtr-widget-1 .twtr-tweet-text p { color: #000000 !important; }
#tweet-id-10,#tweet-id-8,#tweet-id-6,#tweet-id-4,#tweet-id-2 { background-color: #CCC !important; }
