body {font-family:'Roboto',"Helvetica Neue",Helvetica,Arial,sans-serif}

#rhymeForm {padding:20px 0 0 10px;}

#rhymeForm2{margin:10px 0;}

.btn-info { 
  color:#FFF; 
  background-color:#2786D4; 
  border-color:#1f6ba9; 
} 
 
.btn-info:hover, 
.btn-info:focus, 
.btn-info:active, 
.btn-info.active, 
.open .dropdown-toggle.btn-info { 
  color:#fff; 
  background-color:#1f6ba9; 
  border-color:#1f6ba9; 
} 
 
.btn-info:active, 
.btn-info.active, 
.open .dropdown-toggle.btn-info { 
  background-image:none; 
}
 
.btn-info .badge { 
  color:#fff; 
  background-color:#003466; 
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {white-space:normal;}

/* Set width on the form input elements since they're 100% wide by default */
input,select,textarea {max-width:280px;}
/*header.navbar {
   background-color:transparent;
   background:transparent;
   border-color:transparent;
}*/

nav.navbar.navbar-inverse {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+29,2989d8+71,207cca+98 */
background: #1e5799;
position:relative;
}


nav.navbar {border:0;}
@media (max-width:768px) {nav.navbar{min-height:88px;}}

a:link {color:#1155CC;}
a:visited {color:#1155CC;}
a:hover {color:#092F71;text-decoration:underline;}
a:active {color:#1155CC;}

h1, h2 {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
color:#333;
}

.footer {background-color:#003466;color:#FFF;padding:30px 0;margin-top:20px;}
.footer ul {padding-left:20px;}
.footer li {padding-left:0;}
.footer li a {color:#FFFEF6;}
.footer li a:hover {color:#0096bb;}
.footer table {width:60%;margin:0 auto;}
.footer .table-condensed th{font-size:16px;border:0;}
.footer .table-condensed td{border:0;vertical-align:top;}

.valignTop {vertical-align:top;}
.alignCenter{margin:0 auto;}

#navtop {display:block;font-size:12px;margin:0;width:100%;background-color:#FFF;}
#navtop ul {float:left;margin:0;padding:0;list-style-type:none;}
#navtop li {float:left;min-width:169px;background-color:#f5f5f5;}
#navtop li:first-child {border-left:1px solid #CCC;}
#navtop li:last-child, #navtop .border-right {border-right:1px solid #CCC;}
#navtop li a {display:inline-block;padding:7px 26px;font:12px Helvetica,sans-serif;line-height:14px;color:#666;text-decoration:none;text-align:center;}
#navtop li a:link {color:#666;letter-spacing:.05em;}
#navtop li a:visited {color:#666;}
#navtop li a:hover, #navtop li.active a:hover {text-decoration:underline;}
#navtop li.active a {color:#FFF;}
#navtop li.nav-current {background-color:#1e5799;}
#navtop li.nav-current a {color:#FFF;}

nav.navbar {border:0;}
nav.navbar.navbar-inverse {
overflow:auto;
position:relative;
background: #1e5799;
}
nav.navbar-inverse .navbar-nav>li>a {color:#FFF;}
nav.navbar-inverse .navbar-nav>li>a:hover {color:#FFF;text-decoration:underline;}
nav.navbar {border-radius:0;margin-bottom:0;}
.navbar>.container .navbar-brand {background-image:url(/g/Rhymer.png);width:243px;height:68px;display:block;margin:8px 0px;}

nav.navbar-inverse .navbar-toggle:hover {background-color:#003466;}
nav.navbar-inverse .navbar-toggle:active {background-color:#003466;}
nav.navbar-inverse .navbar-toggle:hover .icon-bar{background-color:#FFF;}
nav.navbar-inverse .navbar-toggle {border-color:#003466;}
nav.navbar-inverse button.navbar-toggle.collapsed:focus,
nav.navbar-inverse button.navbar-toggle.collapsed{ background-color:transparent;}
nav.navbar-inverse button.navbar-toggle:focus,
nav.navbar-inverse button.navbar-toggle.collapsed:hover{background-color:#003466;}

.center {margin:0 auto;}
.subtitle {margin-top:4px;color:#777;}

#menu {float:right;}
#menu li {padding:8px 0 0 13px;display:inline;}
#menu a {color:#FFF;}

.introSubText {color:#888;margin-top:0;}

#rhymes {width:100%;padding:0;clear:left;}

form {margin:0;}
@media (min-width:992px) {#rhymeBox {margin-top:22px;}}
@media (min-width:1200px) {#rhymeBox {margin-top:30px;}}

.rhymeType {
background-color:#F3F6FA;
border:0 none;
cursor:pointer;
left:220px;
margin-top:11px;
opacity:0.7;
padding:0;
position:absolute;
visibility:visible;
width:185px;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

#rhymeType select {background:transparent;opacity:1.0;}
#rhymeType:focus, #rhymeType:active {color:black;}
#rhymeType:hover {opacity:1.0;filter:alpha(opacity=100); /* For IE8 and earlier */}
.rhymeList {background-color:#FFF;}
.rhymes ol li {margin-bottom:10px;}
.rhymeInput {
border:0 none;
font-size:18px;
left:10px;
position:absolute;
top:8px;
width:200px;
-webkit-appearance:none;
padding-left:5px;
}


.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f0f7fd;color:#808080;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.table-striped>tbody>tr:nth-child(odd)>td {background-color:#f0f7fd;}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {background-color:#fcf8e3;}
.table-hover > tbody > tr > td:hover {text-decoration:underline;cursor:pointer;}

.caret-list ul {padding-left:20px;}
.caret-list li:after {font-family: 'FontAwesome';content: '\00a0\00a0\f0da';margin:0 20px 0 0px;color:#6baee4;}
.caret-list li a:hover .last {text-decoration:underline;}
.caret-list li a .last {display: inline-block;}
.caret-list li a {color: #333;font-size: 14px;line-height: 17px;}

.topLineBlue {
border-top-width: 3px;
border-top-style: solid;
border-top-color:#4287c7;
padding-top:10px;
color:#4287c7;
font-weight:bold;
}

.radlinks {
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
overflow:hidden;
height: 36px;
line-height:32px;
background-color:#FFF;
padding-top:3px;
margin-top:5px;
}

.borderless tr td {border:none !important;padding:0px !important;}

.well {background-color:#f0f7fd;}
.margin-top-0 {margin-top:0px;}
.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top:10px;}
.margin-bot-10 {margin-bottom:10px;}
.margin-top-20 {margin-top:20px;}
.margin-bot-20 {margin-bottom:20px;}
.margin-bot-30 {margin-bottom:30px;}
.margin-top-30 {margin-top:30px;}
.margin-bot-30 {margin-bottom:30px;}
.margin-left-20 {margin-left:20px;}

.list-group-item {border:0;}
.coupon {border:2px dashed #bcbcbc;padding:0 17px;margin:20px 0;}
.LinkUnit {margin:-2px 0 20px 0;overflow:hidden;}
.adLabel {color:#989898;background-color:#FFF;font-size:9px;line-height:10px;}

@media only screen and (min-width:992px) {.adWrapper{display:table-cell;}}

.adHoriz {min-width:234px;min-height:50px;width:100%;display:inline-block;}

/*234x60, 320x50, 320x100 ads*/
@media only screen and (min-width:400px) {.adHoriz {min-width:234px;width:100%;min-height:50px;}}

/*320x50, 320x100 ads*/
@media only screen and (min-width:513px) {.adHoriz {min-width:320px;}}

/*728x90, 970x90 ad*/
@media only screen and (min-width:768px) {.adHoriz {min-width:728px;min-height:90px;margin:0;}}

.adRect {min-width:125px;max-width:250px;width:100%;min-height:125px;}
/*180x150, 200x200, 250x250, 300x250 ads*/
@media only screen and (min-width:400px) {.adRect {min-width:180px;max-width:300px;min-height:150px;}}

/*300x250, 336x280 ads*/
@media only screen and (min-width:765px) {.adRect {min-width:300px;max-width:336px;min-height:250px;max-height:280px;}}

.adLeftTop {display:none;}
@media only screen and (min-width:992px) {.adLeftTop {display:inline-block;width:300px;min-height:600px;}}

.adRightTop {display:none;text-align:center;}
@media only screen and (min-width:992px) {.adRightTop {display:block;width:160px;}}
@media only screen and (min-width:1200px) {.adRightTop {width:300px;}}

.adBottom, .adMiddle {display:block;}
@media only screen and (min-width:992px) {.adBottom {display:none;}.adMiddle {display:none;}}

@media only screen and (max-width:767px) {
button.navbar-toggle{float:left;margin-left:20px;background-color:transparent;border:1px solid transparent;}
.icon-bar {background-color:#ff0000;}
ul.nav.navbar-nav {clear:left;}
a:link {text-decoration:none;}
}

.billboard {line-height:0;min-height:50px;display:block;position:relative;width:100%;background-color:#FBFBFB;margin-top:1px;}
@media only screen and (min-width:768px){.billboard {min-height:90px;max-height:250px;border-bottom: 1px solid #e6e6e6;}}

@media only screen and (min-width:768px){
    h1 {font-size:50px;}
    .breadcrumb{padding:3px 0 2px 0;color:#fff;}
}
.posRelative {position:relative;}

.col-middle {background-color:#FFF;}
.col-left, .col-right  {width:0;}
@media only screen and (min-width:992px) {
    .col-left{float:left;width:300px;min-height:600px;background-color:#fff;}
    .col-middle {margin-left:300px;padding-left:40px;}
}

@media only screen and (min-width:1200px) {
    .col-right {float:right;width:300px;min-height:250px;}
    .col-middle {margin-right:300px;padding-right:40px;}
}
.panel-info>.panel-heading {color:#2989d8;background-color:#f0f7fd;border-color:#aed2f0;}
.panel-info {border-color:#aed2f0;}

ul.unstyled, ol.unstyled {padding-left:0;list-style:none;}

.fixed {position:fixed;width:inherit;}