/* ### CSS Document for Irish Times Crossword Pages ### */

@font-face {
    font-family: "DINWeb-Medium";
    font-style: normal;
    font-weight: normal;
    src: url("/asets/fonts/DINWebPro-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/DINWebPro-Medium.woff") format("woff");
}

#torso .container{width:960px;}

/*general Bootstrap layout styles*/
.row { margin-left: -20px;  *zoom: 1;}
.row:before, .row:after { display: table; content: ""; }
.row:after { clear: both; }
[class*="span"] {float: left; margin-left: 20px; }

.span12 { width: 940px; }
.span11 { width: 860px; }
.span10 { width: 780px; }
.span9 { width: 700px; }
.span8 { width: 620px; }
.span7 { width: 540px; }
.span6 { width: 460px; }
.span5 { width: 380px; }
.span4 { width: 300px; }
.span3 { width: 220px; }
.span2 { width: 140px; }
.span1 { width: 60px; }

.cleared{clear:both}

.nav{margin:0 !important;}
.red {color: #C00000;}

.btn i{margin-top:2px !important;}
object, embed{display:block;}
#wrapper{min-height:none;}

ul, li {list-style: none outside none;}

.xword-body #torso .container{background:url(../images/faded_grid.png) right top no-repeat;}

.crossword a, a:visited{ }
.crossword a:hover, .crossword a:active, .crossword a:focus{}

.crossword{font-family:Arial, Helvetica, sans-serif;}
.crossword table{border:1px solid #aaa;}
.crossword table, .crossword th, .crossword td{font: 0.9em Arial,Helvetica,sans-serif; border-color:#aaa;}
.crossword th{color:#333;}

.club-header .span12{padding: 5px 0 10px; margin-bottom:14px; }
.crossword-puzzles .club-header .span12{border-bottom: 3px solid #000000;}
.club-header .logo{background:url("../images/final_logo.png") 0 0 no-repeat; height:41px; width:100%; padding:0; position:relative;}
.club-header .logo a{display:block; height:41px; width:100%;}

.xword-tools{}

.crossword-breadcrumbs {border-bottom:medium none;width:630px; background:none repeat scroll 0 0 #FFFFFF; font-size:95%; height:auto !important; margin-right:1px; min-height:16px; padding:10px 0 11px;}

/*for all the xword blocks*/
.crossword-block{font-size:.9em;  background:#f6f6f6; border:1px solid #DDD; border-top:none; margin-bottom:1.5em; }
.crossword-block .wrap{padding:10px;}
.xword-body .crossword-block h3{margin:0 0 10px 0; padding:10px 0; text-align:center; font-weight:normal; font-size: 170%; font-family:"DINWeb-Medium",Arial,Helvetica,sans-serif; letter-spacing:-1px; border-bottom: 1px solid #ddd;  border-top: 3px solid #006a9d; background-color:#FFF; }
.crossword-block form{margin:0;}
.crossword-block label{}
.crossword-block .btn{margin: 10px 0 5px;}
.crossword-block .btn:active, .crossword-block .btn:focus{color:#FFF;}
.crossword-block p{line-height:1.4em; padding-bottom:5px;}
.crossword-block .img{ float: left; position: relative;}
.crossword-block .img.right {float:right;}
.crossword-block .img img{margin: 3px 10px 0 0;}
.crossword-block sup{font-size:60%;}

.btn-wrapper{ position:relative;}
.btn-wrapper i{position:absolute; top:11px;}

/* ### LOGGED OUT ### */

/*login prompt*/
.xword-body .modal{width:400px; text-align:center; margin:0 0 0 -200px; font-family:Arial, Helvetica, sans-serif;}
.xword-body .modal.fade.in{top: 30%;}
.xword-body h3{padding:5px 0; text-align:center; font-weight:normal; font-size: 170%; font-family: Georgia,"Times New Roman",Times,serif; }

/*login form*/
#login .form-horizontal div{}
#login .form-horizontal input{width:auto;}
#login .form-horizontal .control-label{width:75px;}
#login .form-horizontal .controls{ margin-left: 85px; *margin-left:0;}
#login .form-horizontal .footnote a{display:block;}

#login .btn-wrapper i{left:100px;}

#login-prompt .span4{float:none; margin:auto;}
#login-prompt #login{background:none; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none; margin-bottom: 0;}
#login-prompt #login h3{display:none;}

/* screen-name modal */
#screen-name .form-horizontal div{}
#screen-name .form-horizontal input{width:auto;}
#screen-name .form-horizontal .control-label{width:115px;}
#screen-name .form-horizontal .controls{ margin-left: 85px; *margin-left:0;}
#screen-name .form-horizontal .footnote a{display:block;}

#screen-name .btn-wrapper i{left:100px;}

#screen-name-prompt .span4{float:none; margin:auto; width:350px;}
#screen-name-prompt #login{background:none; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none; margin-bottom: 0;}
#screen-name-prompt #login h3{display:none;}

/* error msgs / expired accounts */
.alert{line-height:1.2em;}
.renew .alert{padding-right:14px; text-align:center;}

/*sign up info*/
#sign-up{}

#sign-up .upsell{text-align:center; color:#444;}
#sign-up .upsell .h4{font-size: 125%;}
#sign-up .upsell .img{max-width:126px; margin: 8px 10px 0 0;}
#sign-up .upsell img{margin:0;}
#sign-up .upsell p{text-align:left;  font-size:120%; margin-top: -3px;  margin-bottom: 10px;}
#sign-up .upsell strong{display:block;}
#sign-up .upsell a.info{display:block; margin:10px 0;}

#sign-up .sell{margin-top:20px;}
#sign-up .sell p{padding-bottom:10px;}

#sign-up .join{display:block; padding:20px 8px 5px; margin-top:5px; margin-bottom:5px; text-align:center; position:relative; width:42%; box-sizing: border-box;}
#sign-up .join {color:#0088CC; background-color:#FEFEFE;}
#sign-up .join:hover{color:#333;}
#sign-up .month{float:left; margin-right:10px; margin-left:10px;}
#sign-up .year{float:right; margin-right: 10px;}
#sign-up .tag{position:absolute; text-indent:-999px; width:54px; height:56px; top:-18px; left:-25px; overflow:hidden; background:url(../images/value.png) 0 0 no-repeat transparent;}
#sign-up .price{font-family:"DINWeb-Bold",Arial,Helvetica,sans-serif; font-weight:bold; letter-spacing:-1px; font-size:190%; line-height:.8em;}
#sign-up .term{ font-style:italic; font-size:90%; display:block;}
#sign-up .join .btn-subscribe{width:auto !important; font-size:14px; margin:10px 0;}

.features li{line-height: 1.8em; list-style-image: url("../images/tick.png");}


/*play links*/
#play{ }
#play h2{ }
#play h2 a, #play h2a:visited, #play h2 a:hover{ }


/*crosaire blog */
#blog h2{font-size:145%; font-weight:normal; margin:5px 0 7px 7px; line-height:135%;}
#blog .read_btn{display:block; float:right; margin:0 5px 5px 0;}

/*sample*/
#samples{}
#samples h2{text-align:center; padding:0 0 10px}
#samples .sample{margin-bottom:15px;}
#samples .sample .footnote{color:#888; font-size:95%;}
#samples .sample.html5 p{padding: 8px 0 10px;}
#samples .sample.flash p{}
#samples .sample .img{width:105px;}
#samples .sample .img img{margin:0}
#samples .sample a{display:block; font-size:125%; padding:0 0 8px;}


/* ### LOGGED IN ### */

/*welcome user*/
#welcome .block-content{}
#welcome .greeting{font-size:115%; padding:0 0 8px 0; display:block; font-weight:bold;}
#welcome .message{font-size:110%; line-height:1.3em; margin-bottom:15px}

#welcome .not-you{text-align:right;  margin-bottom:5px;}
#welcome .not-you .btn{vertical-align:bottom;  margin:0 0 0 5px;}

#welcome .renew{margin-top:10px; padding: 8px 25px 8px 10px;}
#welcome .renew span{float:left; width:57%; font-style:italic;}
#welcome .renew span em{font-weight:bold}
#welcome .renew .btn{float:left; margin:5px 0 0;}


/*archive*/
#archive .btn-wrapper i{left:70px;}
#datepicker{position:relative; z-index:10; cursor:pointer; background:url(/assets/images/generic/website/calendar.jpg) 95% center no-repeat #FFF; color:#515151;  vertical-align:top; border-color:#BBB;}
.ui-datepicker-trigger{padding:10px;}

#archive #datepicker{ }
#archive .btn-group, .xword-body .select-type{display:inline-block; margin-left:5px;}
#archive .btn-group .btn{margin-top:0; padding-left: 4px;}
.ui-widget {font-size: 1em !important;}
.dp-highlight-nocrossword .ui-state-default {}
.dp-highlight-crossword .ui-state-default {color: #5BB75B !important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{line-height:normal; padding:3px 4px 0; font-size:16px !important;}

/*improve dispay of placeholder text*/
input:-moz-placeholder {/* Firefox 18- */ color:#666; opacity:1 !important;}
input::-moz-placeholder {/* Firefox 19+ */ color: #666; opacity:1 !important;}
input:-ms-input-placeholder{color:#666;}
input::-webkit-input-placeholder{color:#666; opacity:1 !important;}

/* ## Radio groups ##  */

/*off*/
.xword-body .select-type .btn-xwtype{color:#515151 !important; text-shadow:none; background-color: #f5f5f5; border: 1px solid #cccccc;  *border: 0; border-bottom-color: #b3b3b3; *margin-left: .3em;} 

/*on*/
.xword-body .select-type  .btn-xwtype.active, .xword-body .select-type  .btn-xwtype.active:hover{color:#ffffff !important; text-shadow:none; background-color: #414141; background-position: 0 -15px; }

.btn-xwtype i{background-image: url("/static/images/bootstrap/glyphicons-halflings.png"); background-position: -216px -96px;  background-repeat:no-repeat; display:inline-block; height:14px; line-height:14px; vertical-align:text-top; width:14px;}
.btn-xwtype.active i{background-image: url("/static/images/bootstrap/glyphicons-halflings-white.png"); background-position: -192px -96px;}

/*play today's*/
#play-now{}
#play-now p{padding-top:6px;}
#play-now .img img{margin-right:5px;}
#play-now p a{display:block; font-size:125%; padding:2px 0 8px; white-space:nowrap;}
#play-now .prompt{display:block; text-align:center; clear:both; font-style:italic;}

/* choose version popup*/
#pickcrosswordplayer.fade.in{top: 20%;}
#pickcrosswordplayer .version{width:180px; margin-bottom:15px;}
#pickcrosswordplayer .img{display:block; min-height:80px;}
#pickcrosswordplayer p{padding-bottom:0;}
#pickcrosswordplayer p .footnote{font-size:80%; line-height:1.2em; clear:both; display:block;}
#pickcrosswordplayer .btn{background:#FFF; border-color:#BBB; display:block; margin:15px auto;}
#pickcrosswordplayer .btn { display/*\**/: inline\9; } /*ie7+8*/
#pickcrosswordplayer .btn span{font-size:70%; padding-right:3px; color:#C00; position:relative; top:1px;}
#pickcrosswordplayer .alert{clear:both; font-size:80%; padding:5px; line-height:1.4em;}
#pickcrosswordplayer .alert a{color:#000;}

/*your saved xwords*/
#saved span.slots{display:block; text-align:center;}
#saved span.slots .badge{border-radius:15px; padding:1px 5px 2px; position:relative; top:-2px;}

#saved .no-slots{text-align:justify;}
#saved .no-slots h4{color:#333; text-align:center; padding:5px 0 12px; font-weight:normal;}
#saved .no-slots .btn{margin:0;}


/*your best times*/
#best-times .prompt{display:block; text-align:center; clear:both;}

/*print*/
#print-crosswords{}
#print-crosswords a.cleared{display:block; text-align:center; padding-top:5px;}
#print-crosswords .alert{padding:8px 10px 8px 10px; margin:5px 0;}


/* ### VISIBLE WHEN LOGGED IN/OUT ### */

/*need help*/
#help{font-family:Arial, Helvetica, sans-serif;}

/*notice*/
#notice{border-top:1px solid #DDD; padding-top:10px; margin-top:10px;}
#notice p{padding:10px 0 15px;} 

/*Crosaire Blog link...*/
#blog{width:600px; clear:both; float:none;}
#blog h2{float:left; width:400px;}

/*leaderboard teaser*/
#leaderboard{}
#leaderboard .view{font-size:13px; display:block; text-align:right; font-style:italic;}

/*leaderboard page - some styling also used in the leaderboard teaser... */
.leaderboard h1 span.img{background:url(/images/v3/crossword/icons/crossword-grey.jpg) 0 0 no-repeat; }
#playC span.img{background:url(/images/v3/crossword/icons/crossword-red.jpg) 0 0 no-repeat;}
#playS span.img{background:url(/images/v3/crossword/icons/crossword-grey.jpg) 0 0 no-repeat;}

.crossword-block h4{color:#0098FF; font-weight:normal; }
.crossword-block h4 span.x-type{}
.crossword-block h4 span.x-id{float:right;}

.table th{font-weight:bold;}
.table a{color:#333;}
.table tr:hover a{color:#0088CC; /*TESTING*/}
.table tbody tr:hover td, .table tbody tr:hover th{}

/*Christmas competitions*/
#comps {min-height:240px;}
#comps a {display: block;}
#comps img{margin-top:20px;}
#comps .img {height: 250px;}
#comps .comp_name {width: 130px;}
#comps .comp_date {font-size: 12px; display: inline-block; text-align: center;	padding-left:30px;}

.crossword .table-striped tbody tr:nth-child(2n+1) td, .crossword .table-striped tbody tr:nth-child(2n+1) th{background-color:#FFF;}
/*.crossword .table-striped tbody tr:nth-child(2n) td, .crossword .table-striped tbody tr:nth-child(2n) th{background-color:#D9EDF7;}*/

/*grid page*/
.crossword-puzzles .crossword-content{margin-top:15px; margin-bottom:12px; padding:10px 0px; border:solid #C6C6C6; border-width:3px 0px; clear:both; position:relative; /*z-index:50;*/ min-height:300px; }
.crossword-puzzles .crossword-content .loader{padding-top:30px; text-align:center;}

.crossword-puzzles {position:relative; *position:static; font-family:Arial, Helvetica, sans-serif;}
.crossword-puzzles .h1 {color:#000;}
.crossword-puzzles .h1 span{display:inline-block;}
.crossword-puzzles .h1 .type{font-family:Georgia, "Times New Roman", Times, serif;  font-size:180%;}
.crossword-puzzles .h1 .author{}/*by Mac An Iarla*/
.crossword-puzzles .h1 .number{margin:0 10px;}
.crossword-puzzles .h1 .date{}

.calendar_form, #html5orflash{display:inline-block; margin-right:6px; margin-bottom:0;}

#html5orflash .btn {padding-left:6px;  padding-right:6px; background:#FFF; border-color:#BBB;}
#html5orflash .btn span{font-size:70%; padding-right:3px; color:#C00; position:relative; top:1px;}

.crossword-puzzles .calendar-wrapper *{vertical-align:top;}
.crossword-puzzles .calendar-wrapper .logout{}

/*shows when a crossword is unavailable  |  when flash player is not present */
.crossword-puzzles div.crosswordError .alert, .crossword-puzzles div#flashcontent .alert, .alert#ie-error{max-width:700px; margin:20px auto 0; line-height:1.8em;}

.alert#ie-error a{color:#000; cursor:pointer;}


/*IE fixes*/
.club-header .span12{*float:none;}
.calendar-wrapper form, .calendar-wrapper #html5orflash, .calendar-wrapper .select-type, .calendar-wrapper input, .calendar-wrapper .btn{*display: inline; *float:left; *margin-left:5px;}
.calendar-wrapper .btn{*border-width:1px; *border-style:solid;}

.crossword .table-striped tbody > tr > th{background-color/*\**/: #FFF\9;} /*table headings*/
.crossword .table-striped tbody > :first-child +tr+tr > td,
.crossword .table-striped tbody > :first-child +tr+tr+tr+tr > td,
.crossword .table-striped tbody > :first-child +tr+tr+tr+tr+tr+tr > td,
.crossword .table-striped tbody > :first-child +tr+tr+tr+tr+tr+tr+tr+tr > td,
.crossword .table-striped tbody > :first-child +tr+tr+tr+tr+tr+tr+tr+tr+tr+tr > td{background-color/*\**/: #FFF\9;}


/*flat buttons*/
.xword-body .btn, .xword-body .btn-primary{background-image:none; filter:none; box-shadow:none;  -webkit-box-shadow:none; -moz-box-shadow: none; text-shadow:none;}
.xword-body .btn{border-color:#DDD;}
.xword-body .btn-primary{border-color:#2e6fa9}
.xword-body .btn-success{border-color:#3F8F3F}

.it-btn {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 5px 0 20px 0; padding: 5px 12px; display:inline-block; font-weight:800; font-family:"DINWeb-Bold", Arial,sans-serif; font-size:16px; line-height:38px; height:46px; -webkit-border-radius:5px; border-radius:5px; -webkit-transition all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform:uppercase; text-align:center;}
.it-btn:hover {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/* Subscribe Button */
a.btn-subscribe, .btn-subscribe {background:#FAD165; border:1px solid #bb9c4b; color:#333;  width:162px;}
a.btn-subscribe:hover, .btn-subscribe:hover{background: #DFBA5A; border-color:#bb9c4b;}


/*some small tweaks*/
#main-content table.clues-table td{line-height:1.5em;}
#crossword-wrapper, #main-content, #crossword-container{*zoom: 1;}
#crossword-wrapper:before, #crossword-wrapper:after, #main-content:before, #main-content:after, #crossword-container:before, #crossword-container:after{display:table; content:"";}
#crossword-wrapper:after, #main-content:after, #crossword-container:after{clear: both;}