/*
Default CSS for Twavel
*/

/* =Globals */

html {

font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
background:#a6d8df url(/static/images/bg-body.gif) repeat-x 0 0;
color:#3d3d3d;
}

abbr,
acronym {

text-transform:none;
font-size:100%;
border-style:dashed;
}

abbr {

letter-spacing:normal;
}

.content *[lang]{

font-style:itusalic;
}

.vcard abbr { border:none; cursor:text; }

/* No JS helper */
body.js .no-js-helper {

position:absolute;
left:-30000px;
}

/* No CSS helper */
.no-css-helper,
.structural {

position:absolute;
left:-30000px;
top:0;
}

legend.no-css-helper {

display:none;
}

i {

font-style:italic;
}

b, em, strong {
overflow:hidden;
font-weight:bold;
font-style:normal
}

.content form p,
.content form table {

margin-bottom:15px;
}

.content input,
.content textarea {

font-family:"Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
}

.content select {

padding:0;
}

.content option {

padding:0 0.3em 0.1em;
}

.vevent abbr {

border:none !important;
cursor:text;
}

blockquote > *:first-child:before,
blockquote > *:last-child:after /* Tripoli bonus:pure CSS blockquote */ {

content:"\201C";
font-size:3.5em;
margin-left:-.5em;
font-family:Georgia, Arial, Verdana, "Free Sans", sans-serif;
padding-right:.1em;
color:#e0e0e0;
line-height:0;
vertical-align:text-bottom;
}

blockquote > *:last-child:after {

margin-left:0;
content:"\201D";
}

.content p+ul,
.content p+ol,
.content p+dl {

margin-top:-.8em;
}

.content blockquote {

padding-left:2.2em;
}

.content fieldset {

padding:1em;
}

/* =links */

a:link, a:visited, a:hover, a:active, a:focus {}

a:hover {}

a,
a:link,
.content a,
.content a:link {
}

a:visited,
.content a:visited {
}

a:hover,
.content a:hover {

text-decoration:underline !important;
}

a:active,
a:focus,
.content a:active,
.content a:focus {

text-decoration:underline !important;
}

.content a { /* for a larger click area */

padding-top:0.1em;
}

/* =titles */

h1, h2, h3, h4, h5, h6 {

font-family:Arial, "Free Sans", sans-serif;
clear:both;
}

/* Forms */

.content legend {

border:1px solid #ccc;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background:#eee;
color:#666;
font-weight:bold;
margin-bottom: 0;
}

.form-item {

}
.form-item textarea,
.form-item input.text,
.form-item select {

}

.form-item input.large-text {

width:675px;
}

.form-item textarea {

width:675px;
height:50px;
}

#primary .form-item input.large-text,
#primary textarea {

width:492px;
}

.form-item label,
.form-item .label {

display:block;
color:#666;
cursor:pointer;
}

.content .form-actions {

overflow:hidden;
height:100%;
margin-top:5px;
}

.content fieldset .form-actions {

margin-top:10px;
padding-bottom:0;
}

.button,
.content .button {

display:block;
background:#006bae url(/static/images/bg-button.gif) repeat-x 0 0;
color:#fff;
font-weight:bold;
border:none;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
height:25px;
line-height:18px;
overflow:visible;
padding:2px 6px 4px;
margin-right:5px;
}

.ok-button,
.content .ok-button {

background-color:#7db03b;
background-image:url(/static/images/bg-button-ok.gif);
}

.cancel-button,
.content .cancel-button {

background-color:#db6410;
background-image:url(/static/images/bg-button-cancel.gif);
}



.form-actions .button {

float:left;
display:inline; /* IE6 double margin bug fix */
}

.content a.button {

/* padding:2px 10px; */
line-height:20px;
height:19px;
text-decoration:none;
cursor:pointer;
}

.content a.button:hover {

text-decoration:none !important;
}

/* for jAlert plugin */
#popup_panel .button {

display:inline;
}


/* .one-liner-fieldset */

.content .one-liner-fieldset .form-item,
.content .one-liner-fieldset .form-actions {

float:left;
margin-right:12px;
padding-bottom:0;
display:inline; /* IE6 double margin bug fix */
}

.content .one-liner-fieldset .form-item-last,
.content .one-liner-fieldset .form-actions {

margin-right:0 !important;
}

.content .one-liner-fieldset .radio-form-item label {

display:inline;
}

/*
.js #squawkerForm {
display:none;
}
*/

#squawkerForm fieldset fieldset {

border:none;
margin:15px 0;
padding:0;
}

.js #squawkerForm fieldset#dealTypes-fieldset,
.js #squawkerForm fieldset#dealDestinations-fieldset,
.js #squawkerForm .form-actions {

display:none;
}

.content .one-liner-fieldset .form-actions {

margin-top:20px;
}

/* =.content */

.content {
font-size:14px;
}

/* =.ir (image replacement) */
.niced {

position:relative;
overflow:hidden;
margin:0;
padding:0;
outline:none;
background-repeat:no-repeat;
background-position:10000px 10000px;
}
.niced span.ir {

position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:transparent;
background-repeat:no-repeat;
background-position:0 0;
}
a.niced span.ir {cursor:pointer}

.js #notificationArea
{

overflow:hidden;
width:100%;
text-align:center;
position:fixed;
top:0;
left:0;
background-color:#fff;
height:0;
color:#000;
font:20px/40px "Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif;
opacity:.9;
}

.message {

color:#00529B;
background-color:#bde5F8;
border-color:#00529B
}

#notificationArea .message {

border-bottom-width:2px;
border-bottom-style:solid;
}

#container .message {

border-width:1px;
border-style:solid;
margin-bottom:10px;
padding:4px 15px !important;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
font-size:12px;
}

.message p {

font-weight:bold;
margin-bottom:0;
}

.message ul {

margin-bottom:0;
margin-left:15px;
}

.info-message {

/* default as .message */
}

.ok-message {

color:#4F8A10;
border-color:#4F8A10;
background-color:#DFF2BF;
}

.warning-message {

color:#9F6000;
border-color:#9F6000;
background-color:#FEEFB3;
}

.error-message {

color:#D8000C;
border-color:#D8000C;
background-color:#FFBABA;
}

.error-message .error {

font-weight:bold;
}

#loginForm .error-message,
#registerForm .error-message {

background-color:transparent;
}

/* Estructura */

body {

background:#a6d8df url(/static/images/bg-body.gif) repeat-x 0 0;
}

#container {

width:760px;
margin:0 auto;
}

#header {

height:97px;
padding-top:13px;
position:relative;
}

#content {

position:relative;
overflow:hidden;
height:100%;
padding:26px 0;
background-color:#fff;
border:1px solid #9fced6;
border-width:1px 1px 0;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
-webkit-border-top-left-radius:12px;
-webkit-border-top-right-radius:12px;
border-top-left-radius:12px;
border-top-right-radius:12px;
}

#content.columns-wrapper {

overflow:hidden;
height:100%; 
}

#primary {

float:left;
width:575px;
overflow:hidden;
margin-right:5px;
}

#secondary {

float:left;
width:378px;
}

#footer {

clear:both;
background:#fff url(/static/images/bg-footer.gif) repeat-x 0 100%;
font-size:13px;
padding:10px 24px 0;
margin-bottom:150px;
letter-spacing:-0.01em;
border:1px solid #9fced6;
border-width:0 1px 1px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-webkit-border-bottom-left-radius:12px;
-webkit-border-bottom-right-radius:12px;
border-top-bottom-radius:12px;
border-top-bottom-radius:12px;
}

/* =Header */

#header img {}

#header h1 {

margin:0;
}

#menu {

bottom:30px;
right:0;
margin:0;
padding:0 18px 0 0;
position:absolute;
background:#3f83b2 url(/static/images/bg-menu.gif) repeat-x 0 0;
color:#fff;
height:34px;
line-height:30px;
font-size:18px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
list-style:none;
}

#menu li {

float:left;
list-style:none;
background:transparent url(/static/images/menu-separator.gif) no-repeat 0 8px;
padding-left:18px;
margin-left:18px;
height:34px;
}


#menu li.first {

background-image:none !important;
margin-left:0 !important;
}

#menu li a,
#menu li span {

float:left; /* fix ie6 issue */
display:block;
height:34px;
color:#fff;
text-decoration:none;
padding:0;
}

#menu li#followUs a {

background:transparent url(/static/images/twittericon-25.png) no-repeat 100% 4px;
padding-right:30px;
}


/* =Content */

.panel {

padding:0 22px 14px;
background:transparent url(/static/images/bg-twavels-list.gif) no-repeat 50% 100%;
}

.modal-panel {

margin-top:15px;
}

.modal-panel form {

margin-bottom:0;
}

.panel h2,
#nyroModalFull h2 {

background:#b1d8df url(/static/images/bg-heading.gif) repeat-x 12px 0;
color:#005896;
padding:0 12px;
height:43px;
line-height:43px;
font-size:24px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
margin:0px 0 15px;
position:relative;
font-variant:small-caps;
}

#secondary .panel h2 {

font-size:18px;
}

.panel h2 .arrow-down,
#nyroModalFull h2 .arrow-down {

background:transparent url(/static/images/arrow-down.gif) no-repeat 0 0;
display:block;
width:22px;
height:12px;
position:absolute;
top:41px;
left:24px;
}

#twavelsPanel,
#squawkerPanel {

padding:0 10px 14px;
}

#squawkerPanel {
margin-top:15px;
background-image:none;
}

#twavelsPanel h2 {

text-transform:none;
margin:0 12px 15px;
position:relative;
overflow:visible;
font-variant:normal;
letter-spacing:-2px;
}

#twavelsPanel h2 span.ir {

background:transparent url(/static/images/twavel-top-twenty.gif) no-repeat 12px 9px;
}

#twavelsPanel ol {

padding-top:1px;
list-style:none;
margin:0 auto;
width:712px;
}

#twavelsPanel ol .twavel-wrapper {

border-top:1px solid #dedede;
list-style:none;
vertical-align:bottom; /* fixes IE6/7 gap */
margin-top:-1px;
}

.twavel {

padding:9px 6px;
background:#fff url(/static/images/bg-twavel.gif) repeat-x 0 0;
border-bottom:1px solid #dedede;
padding-right:40px;
position:relative;
height:56px;
line-height:1.2;
}

#loneTwavel .twavel {

border-top:1px solid #dedede;
}

#dealCheckerPanel .twavel {

height:84px;
}

.twavel:hover {

background-image:none;
}

.twavel .user-img {

float:left;
border:1px solid #d3d3d3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:3px;
margin-right:10px;
display:inline; /* IE6 double margin bug fix */
}

.twavel .user-img img {

display:block;
overflow:hidden;
}

.twavel a.user {

color:#00557a;
text-decoration:none;
}

.twavel .deal {

background:transparent url(/static/images/chain-small.png) no-repeat 0 4px;
padding-left:14px;
}

.twavel .meta {

display:block;
margin-top:3px;
margin-left:66px;
position:relative;
color:#999;
}

.twavel .info {

font-family:Georgia, serif;
font-style:italic;
font-size:11px;
margin-top:2px;
position:absolute;
bottom:9px;
left:6px;
}

* html .twavel .meta { /* IE6, I hate you. */

height:18px; /* makes position:relative to behave correctly */
}

.twavel .meta .time,
.twavel .meta .source {

font-family:Georgia, serif;
font-size:11px;
font-style:italic;
}

.twavel .meta a.time,
.twavel .meta .source a {

color:#999;
text-decoration:none;
}

/* =.user-actions */

.twavel .user-actions {

position:absolute;
font-size:11px;
right:64px;
bottom:9px;
font-style:normal;
display:block;
width:38px;
height:25px;
margin:0;
z-index:1;
}

.twavel .user-actions:hover {

z-index:10;
}

.twavel .user-actions li {

float:right;
display:inline; /* IE6 double margin bug fix */
}

.twavel .user-actions a.gear-link {

display:block;
height:13px;
width:24px;
padding:5px 6px;
border:1px solid #ccc;
background-image:none;
text-indent:-9999px;
background:transparent url(/static/images/bg-btn.gif) 0 0;

-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.twavel .user-actions a.gear-link:hover {

border-color:#666;
}

.twavel .user-actions a.gear-link span {

display:block;
height:13px;
width:22px;
background:transparent url(/static/images/twitter-sprite-icons.png) no-repeat 0 -64px;
}

.twavel .user-actions a.gear-link:hover span {

background-position:-32px -64px;
}

.twavel .user-actions .user-actions-list {

display:none;
border:1px solid #666;
background-color:#fff;
margin-left:0;

-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.twavel .user-actions li:hover .user-actions-list {

display:block;
position:absolute;

}

.twavel .user-actions .user-actions-list li {

float:none;
display:block;
}

.twavel .user-actions .user-actions-list li a {

width:88px;
height:18px;
line-height:18px;
display:block;
background-image:none;
color:#666;
padding:4px 6px;
text-decoration:none !important;
}

.twavel .user-actions .user-actions-list li a:hover {

background-color:#666;
color:#fff;
text-decoration:none !important;
}

.twavel .user-actions .user-actions-list li a img {

vertical-align:text-bottom;
}



/* =.voting */

.twavel .voting {

position:absolute;
top:16px;
right:8px;
margin:0;
list-style:none;
}

.twavel .voting li {

list-style:none;
display:block;
width:16px;
height:16px;
margin-bottom:6px;
}

.twavel .voting a {

text-indent:-9999px;
display:block;
width:16px;
height:16px;
}

.twavel .voting li.votePos a {
background:transparent url(/static/images/thumb-up-disable.png) no-repeat 0 0;
}

.twavel .voting li.votePos a:hover {
background:transparent url(/static/images/thumb-up.png) no-repeat 0 0;
}

.twavel .voting li.voteNeg a {

background:transparent url(/static/images/thumb-disable.png) no-repeat 0 0;
}

.twavel .voting li.voteNeg a:hover {

background:transparent url(/static/images/thumb.png) no-repeat 0 0;
}

.twavel .voted {

color:#090;
font-size:11px;
}


/* =.retweeting */

.retweeting {

margin-bottom:15px;
height:94px;
}

.js .retweeting {

display:none;
}

/* .retweet-form, .dm-message */

form.retweet-form,
form.dmessage-form,
form.move-form {

margin:15px 0 15px 33px;
}

form.retweet-form {

margin-top:0;
}

.js .dmessage-form,
.js .move-form {

display:none;
}

.retweet-form fieldset,
.dmessage-form fieldset,
.move-form fieldset {

overflow:hidden;
height:100%;
margin:0 0 10px !important;
border-style:solid;
border-color:#a6d8df;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:5px;
background-color:#c6e6eb;

}

.js .retweet-form fieldset,
.js .dmessage-form fieldset {

height:26px;
}

.retweet-form legend,
.dmessage-form legend {

font-size:13px;
color:#fe7517;
font-weight:bold;
background-color:#fff;
}


.retweet-form .form-item,
.dmessage-form .form-item {

margin-right:0px !important;
}

.retweet-form label,
.dmessage-form label {

font-size:11px;
color:#fff;
font-weight:bold;
display:block;
line-height:1;
height:14px;
}

.retweet-form input.text,
.dmessage-form input.text {

display:block;
height:14px;
font-size:11px;
line-height:1.3;
padding:5px;
overflow:hidden;

}

.retweet-form input.text,
.dmessage-form input.text {

width:654px;
border-color:#b4dee4;
}

.retweet-form input.read-only {

background:#d8eef1;
color:#3f83b2;
}

.retweet-form input.read-only:focus {

outline:none;
}

.retweet-form .form-actions,
.dmessage-form .form-actions {

padding-bottom:0;
}


.retweet-form p,
.dmessage-form p {

font-family:Georgia, serif;
font-size:11px;
font-style:italic;
color:#999;
margin-bottom:0 !important;
}


.more-info {

margin-top:15px;
padding-top:10px;
border-top:1px dashed #dedede;
text-align:center;
}

#filterTwavelsForm {

position:absolute;
top:34px;
right:26px;
width:210px;
}

#filterTwavelsForm fieldset {

margin:0 !important;
padding:0;
border:none;
}

#filterTwavelsForm label {

display:inline;
}

#filterTwavelsForm .form-actions {

margin-top:0;
}

/* =contactForm */

#contactForm textarea {

height:150px;
}

/* .client-actions (on Add your deal to Twavel)*/

ul.client-actions {

top:30px;
right:26px;
margin:0;
padding:0 18px 0 0;
position:absolute;
background:#3f83b2 url(/static/images/bg-menu.gif) repeat-x 0 0;
color:#fff;
height:34px;
line-height:30px;
font-size:18px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
list-style:none;
}

.client-actions li {

float:left;
list-style:none;
background:transparent url(/static/images/menu-separator.gif) no-repeat 0 8px;
padding-left:18px;
margin-left:18px;
height:34px;
}


.client-actions li.first {

background-image:none !important;
margin-left:0 !important;
}

.client-actions li a,
.client-actions li span {

display:block;
height:34px;
color:#fff;
text-decoration:none;
padding:0;
}

/* nyroModal (overrides styles in nyromodal.css)*/

div#nyroModalFull {

font-size:14px;
}

div#nyroModalLoading {

border:2px solid #006cb4;
-moz-border-radius:8px;
border-radius:8px;
-webkit-border-radius:8px;
padding:10px;
}

a#closeBut {

top:-10px;
left:-10px;
width:26px;
height:26px;
background:url(../js/nyroModal-1.5.5/img/close.png) no-repeat;
outline:0;
z-index:106;
}

div#nyroModalWrapper {

padding:10px;
border:2px solid #006cb4;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

#nyroModalContent form {

margin:0;
}

div#nyroModalContent form fieldset {

margin:5px 0 0;
padding:15px 0 15px 20px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

#nyroModalContent form .form-item {

float:left;
margin:0 20px 0 0;
}

div#nyroModalWrapper #loginForm input.text {
width:160px
}

div#nyroModalWrapper #registerForm input.text{
width:334px
}

div#nyroModalWrapper #assistanceForm textarea {

height:100px;
width:334px
}

div#nyroModalWrapper .form-actions {

clear:both;
margin:10px 0 0;
padding:0;
height:25px;
}

div#nyroModalWrapper .form-actions .button {

margin:0 4px 0 0;
float:left;
}

div#nyroModalWrapper #loginForm .button,
div#nyroModalWrapper #registerForm input.button {

float:right;
margin-right:0;
}

div#nyroModalWrapper #assistanceForm {

margin-top:10px;
}

div#nyroModalWrapper #showTopmostDeals .ok-button {

margin-left:10px;
}


/* =Footer */

#footer #beta {

margin:0 auto;
padding:0;
text-align:center;
}

#footer ul {

list-style:none;
margin:0 auto;
width:596px;
padding:0;
text-align:center;
overflow:hidden;
}

#footer li {

list-style:none;
margin:0;
padding:0;
background:transparent url(/static/images/separator.gif) no-repeat 100% 50%;
padding-right:7px;
margin-right:6px;
float:left;
}

#footer li.last {

background-image:none;
}

#footer li a {

color:#006892;
text-decoration:none;
}

.js .modal-panel {

display:none;
}

#copyright {

background:transparent url(/static/images/bg-copyright.gif) no-repeat 50% 0;
text-align:center;
height:39px;
padding-top:32px;
margin:-3px auto 0;
width:466px;
position:relative;
z-index:1;
}

#iconsBy {

font-size:11px;
color:#006892;
text-align:right;
margin:0 8px 8px 0;
line-height:1.2em;
}

#iconsBy a {

font-size:11px;
color:#006892;
font-weight:bold;
}

/* Admin Login Form */

#loginPanel form {

width:214px;
margin:0 auto;
}

a#fdbk_tab {

top:25%;
left:0;
width:42px;
height:102px;
color:#FFF;
cursor:pointer;
text-indent:-100000px;
overflow:hidden;
position:fixed;
z-index:100000;
margin-left:-7px;
background-image:url(/static/images/feedback.png);
_position:absolute;
_background-image:url(/static/images/feedback_ie6.png);
}

a#fdbk_tab:hover {

margin-left:-4px;
}

a.fdbk_tab_right {

right:0 !important;
left:auto !important;
margin-right:-7px !important;
margin-left:auto !important;
}

a.fdbk_tab_right:hover {

margin-right:-4px !important;
margin-left:auto !important;
}