/*-----------------------------------------------------------------------

   BlueTrip CSS Framework
   
   Mike Crittenden
   mike@capsizedesigns.com
   Copyright 2008 Mike Crittenden
   
   License - MIT or GPL (whichever suits you better)

----------------------------------------------------------------------- */

/* MEYER RESET v1.0*/
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}
body													{line-height:1;}
blockquote,q											{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after		{content:'';}
:focus													{outline:0;}
ins														{text-decoration:none}
del														{text-decoration:line-through}
table													{border-collapse:collapse;border-spacing:0}
ul,ol                                                   {list-style-type:none;}
strong,th,thead td,h1,h2,h3,h4,h5,h6					{font-weight:bold;}
input,select								            {cursor:pointer;vertical-align:top;padding:0;margin:0;border:0;outline:0;font-size:100%;}
input[type='text'],input[type='password']               {cursor:text;}
html,body												{height:100%;width:100%;}

/* IE FIXES */
body                                                 {text-align:left;}
ul li                                                {text-indent:0;margin-left:0;}
sup, sub                                             {font-size:100%;} /* IE superscript & subscript bug */
blockquote p, blockquote ul, blockquote ol, blockquote dl, blockquote pre, blockquote address, 
blockquote table, blockquote form, blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 {margin-top:0;margin-bottom:0;} /* IE can't handle :first-child */
* html textarea, * html input                        {padding:0;} /* IE < 7 form fix */
input[type='submit'], input[type='button']           {padding:0;} /* IE 7 button fix */
legend+*                                             {margin-top:0;} /* we already added legend margin */
a abbr, a acronym                                    {text-decoration:underline;} /* IE 7 bug */
fieldset legend                                      {margin:0;} /* IE 6 disappearing legend bug */

/* HTML & BODY */
html,
body    {height: 100%; width: 100%;}
body    {font-family: "Lucida Grande", Tahoma, sans-serif; font-size: 12px;}
body    {background: #c5c5c5 url(../img/bg.png) top no-repeat;}

a       {color: #000;}
a:hover {text-decoration: none;}
p       {line-height: 1.6;}

input[type="text"],
input[type="password"]	     {border: 1px solid #aaaaaa; width: 220px; font-size: 14px; height: 23px; padding-top: 6px;}

input[type="radio"],
input[type="checkbox"]       {margin: 0; padding: 0;}


input[type="submit"]         {background: url(../img/buttons/submit.png) no-repeat; border: none; cursor: pointer; font-size: 0px; margin: 0; padding: 0; height: 33px; width: 121px;}
input[type="submit"]:hover   {background: url(../img/buttons/submit.png) 0px -33px no-repeat; border: none; cursor: pointer; font-size: 0px; margin: 0; padding: 0; height: 33px; width: 121px;}
input[type="submit"]#delete         {background: url(../img/buttons/delete.png) no-repeat; border: none; cursor: pointer; font-size: 0px; margin: 0; padding: 0; height: 33px; width: 121px;}
input[type="submit"]#delete:hover   {background: url(../img/buttons/delete.png) 0px -33px no-repeat; border: none; cursor: pointer; font-size: 0px; margin: 0; padding: 0; height: 33px; width: 121px;}

/* MISC */
.clear {content: ''; display: block; clear: both; height: 0px; min-height: 0px; visibility: hidden; width: 100%;}


/* BASE */
#page_wrapper    {margin: 0 auto; width: 960px;}

.logo_wrapper {margin: 0 auto; padding-top: 85px; text-align: center;}

/* OVERLAYS */
.overlay             {background-image: url(../img/welcome/overlay/bg.png); display: none; font-size: 11px; padding: 35px; width: 550px;}  
.overlay .close      {background-image: url(../img/welcome/overlay/close.png); cursor: pointer; height:35px; position: absolute; right: 5px; top: 5px; width: 35px;}

.overlay .title      {padding-bottom: 16px; padding-left: 42px; padding-top: 6px; height: 32px;}
.overlay .title h1   {font-size: 16px;}
.overlay .details    {padding-bottom: 5px;}
.overlay .details p  {font-size: 12px;}

.overlay .response           {height: 16px; font-size: 14px; margin: 0 auto; padding-bottom: 5px; text-align: center; width: 100px;}
.overlay .response .loading  {display: none;}
.overlay .response .success  {color: #8ab61e; display: none;}
.overlay .response .error    {color: #ea2a2a; display: none;}

.overlay .submit     {text-align: center;}


/* FIELDS */
.fields .field .help        {cursor: help; padding-left: 5px; padding-top: 3px;}
.fields .field .tip         {background-color: #fff; border: 1px solid #222; color: #000; display: none; font-size: 13px; padding: 10px 15px; position: absolute; left: 0; top: 0; float: none; text-align: left; width: 250px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000;}
.fields .field .details     {color: #ea2a2a; display: none; font-size: 12px; padding-left: 8px; padding-top: 9px;}


/* LOGIN */
#login                    {left: 0; position: absolute; top: 0; width: 100%; z-index: 10;}

#login_content,
#login_tab                {margin: 0 auto; width: 960px;}

#login_content_wrapper    {background-color: #f7f7f7;}
#login_content            {display: none; height: 250px; padding-top: 30px;}

#login_content h1         {font-size: 18px;}
#login_content h2         {font-size: 16px;}
#login_content p          {font-size: 12px;}

/* Main containers for the login */
#login_content .left            {float: left; width: 550px;}
#login_content .divider         {background-color: #000; float: left; height: 150px; margin-left: 12px; margin-right: 12px; margin-top: 25px; width: 1px;}
#login_content .right           {float: left; width: 375px;}
#login_content .left .divider   {background-color: transparent; float: left; height: 100px;  margin-left: 5px; margin-right: 5px; width: 1px;}

/* Details for the user in the login */
#account_details,
#security_details   {float: left; width: 250px;}

#account_details  .subtitle,
#security_details .subtitle   {height: 20px; padding-left: 25px; padding-top: 2px;}
#account_details  .subtitle   {background: url(../img/login/account.png) no-repeat;}
#security_details .subtitle   {background: url(../img/login/security.png) no-repeat;}

/* login form */
#login_credentials           {margin: 0 auto; padding-top: 15px; width: 220px;}

#login_credentials .label    {float: left; height: 18px; margin-bottom: 5px;}
#login_credentials label     {font-size: 16px; font-weight: bold;}
#login_credentials input     {margin-bottom: 5px;}
#login_loading               {display: none;}
#login_response_wrapper      {color: #c21919; display: none; font-size: 11px; padding-top: 4px;}

#login_credentials  .etc     {font-size: 11px; margin: 0 auto; margin-top: 10px; text-align: center; width: 211px;}
#login_credentials  .etc div {float: left;}
#login_credentials  .submit  {text-align: center;}

/* Wrapper for the tab that expands the login */
#login_tab_wrapper        {background: url(../img/login/login_bg.png) repeat-x top; height: 8px;}

#login_tab .content       {background: url(../img/login/tab_bg.png) no-repeat center bottom; color: #b2b2b2;font-size: 15px; height: 54px; margin: 0 auto; width: 250px;}
#login_tab .links         {padding-top: 20px; padding-left: 50px;}
#login_tab .links div     {float: left;}

#login_expand             {cursor: pointer;}
#login_close              {cursor: pointer; display: none;}

#register_lnk             {background: url(../img/login/register.png) 0px -20px no-repeat; cursor: pointer; font-size: 0px; margin: 0; padding: 0; height: 20px; width: 56px;}
#register_lnk:hover       {background: url(../img/login/register.png) no-repeat; cursor: pointer; font-size: 0px; margin: 0; padding: 0; height: 20px; width: 56px;}

#login_lnk                {background: url(../img/login/login.png) 0px -20px no-repeat; cursor: pointer; font-size: 0px; margin: 0; padding: 0; height: 20px; width: 36px;}
#login_lnk:hover          {background: url(../img/login/login.png) no-repeat; cursor: pointer; font-size: 0px; margin: 0; padding: 0; height: 20px; width: 36px;}


/* FORGOT PASSWORD */
#fp            {width: 320px;}
#fp .title     {background: url(../img/login/forgot-password.png) no-repeat;}
#fp .response  {width: 150px;}
#fp .fields    {margin: 0 auto; width: 220px;}
#fp .label     {float: left; height: 18px;}
#fp label      {font-size: 15px; font-weight: bold;}


/* REGISTER */
#register                   {width: 725px;}
#register .title            {background: url(../img/login/registration.png) no-repeat;}
#register .response         {width: 250px;}
#register .label            {height: 18px; margin-bottom: 5px;}
#register label             {font-size: 15px; font-weight: bold;}
#register .field div        {float: left;}
#register .field input      {margin-bottom: 8px;}