@CHARSET "UTF-8";
/* ======================================================
Copyright 2013 Tynker.
CSS: vUI01r1 - Puzzle Styles
=========================================================
Colors
---------------------------------------------------------

    
--------------------------------------------------------- */
body, html { 
    font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    color:#555;
    font-size:12px;
    background:#3b3832;/*fafaf0 f9f8f4*/
}

body {
	padding-top:46px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
h1, h2, h3, h4, h5, h6 {color:#3b3832; font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight:600;}
h1 { font-size:25px; }
h2 { font-size:23px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size:16px; }
h6 { font-size:13px; }

a:link,
a:visited {color:#3a74b2; text-decoration:none;}
a:hover {color:#ffa300; text-decoration:underline;}

em {font-style:italic; }
.relative {position:relative;}
.float-left {float:left;}
.float-right {float:right;}

ul, menu, dir {
    display:block;
    list-style-type:square;
    -webkit-margin-before:0;
    -webkit-margin-after:0;
    -webkit-margin-start:0;
    -webkit-margin-end:0;
    -webkit-padding-start:0;
}
/* -- CLEARFIX -- */
.cb:after {visibility:hidden; display:block; content:""; clear:both; height:0;}
* html .cb {zoom:1;} /* IE6 */
*:first-child+html .cb {zoom:1;} /* IE7 */

/* -- BOX SIZING -- */
*, *:after, *:before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
/* -- HELPERS -- */
.hidden {display:none !important;}

#puzzleHead {color:#b4b4b4;
    position:fixed;
    top:0px;
    left:0px;
    display:block;
    width:100%;
    background:#fff;
    -wekbit-box-shadow:inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow:inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);
    -ms-box-shadow:inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);
    -o-box-shadow:inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);
    box-shadow:inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);
    z-index:1000;
}
.puzzleHeadHome {height:85px;}
.puzzleHeadHome .inside-puzzleHead {padding:4px 0 0;}
.puzzleHeadHome .inside-puzzleHead .slideButton {display:none;}
.puzzleHeadHome .inside-puzzleHead .logo {display:none;}
.puzzleHeadHome .inside-puzzleHead .logo .subTitle {display:none;}
.puzzleHeadHome .inside-puzzleHead .puzzleProgress .puzzleTitle {height:35px; padding:4px 0 6px}
.puzzleHeadHome .inside-puzzleHead .puzzleProgress .puzzleTitle a {display:none;}
.puzzleHeadHome .inside-puzzleHead .coBrand {display:none;}
.puzzleHeadHome .inside-puzzleHead a.signin {display:none;}
.puzzleHeadHome .inside-puzzleHead a.signup {display:none;}

.puzzleHeadFull {height:95px;}
.puzzleHeadFull .inside-puzzleHead .slideButton ul li a.puzzleBtnUp {display:block;}
.puzzleHeadFull .inside-puzzleHead .promoBlock {display:none;}

.puzzleHeadShort {height:49px;}
.puzzleHeadShort .inside-puzzleHead .logo .subTitle {display:none;}
.puzzleHeadShort .inside-puzzleHead .puzzleProgress {margin:3px 0 0;}
.puzzleHeadShort .inside-puzzleHead .puzzleProgress .puzzleTitle {display:none;}
.puzzleHeadShort .inside-puzzleHead .puzzleProgress 
.puzzleHeadShort .inside-puzzleHead .coBrand {display:none;}
.puzzleHeadShort .inside-puzzleHead .slideButton ul li a.puzzleBtnDown {display:block;}
.puzzleHeadShort .inside-puzzleHead .promoBlock {display:none;}

.inside-puzzleHead {
    position:relative;
    width:100%;
    padding:4px 20px 0;
    margin:0 auto;
}
.inside-puzzleHead .slideButton {
    float:left;
    display:inline-block;
    width:45px;
    margin:2px 0 0 2px;	
}
.inside-puzzleHead .slideButton ul {list-style:none;}
.inside-puzzleHead .slideButton ul li a.puzzleBtnUp {color:#cfc8be; font-size:22px; line-height:25px; font-weight:normal;
    position:relative;
    display:none;
    padding:5px 6px 4px;
    margin:2px 0 0;
}
.inside-puzzleHead .slideButton ul li a.puzzleBtnUp:hover {color:#fff; text-decoration:none; width:34px; height:34px; background:#0d8ecb;}
.inside-puzzleHead .slideButton ul li a.puzzleBtnDown {color:#cfc8be; font-size:22px; line-height:25px; font-weight:normal;
	position:relative;
	display:none;
	padding:5px 6px 4px;
	margin:2px 0 0;
}
.inside-puzzleHead .slideButton ul li a.puzzleBtnDown:hover {color:#fff; text-decoration:none; width:34px; height:34px; background:#0d8ecb;}
.inside-puzzleHead .logo {float:left; display:inline-block; width:200px; /*height:100px;*/}
.inside-puzzleHead .logo img {
    position:relative;
    display:block;
    width:140px;
    height:36px;
    margin:1px 0 0 5px;
}
.inside-puzzleHead .logo .subTitle {font-size:15px; line-height:18px; font-weight:300;
    position:relative;
    display:block;
    padding:2px 0 0 13px;
}
.inside-puzzleHead .shareBlock {
    text-align:center;
    float:right;
    display:inline-block;
    padding:0 0 0 30px;
    position: relative;
    text-align: right;
    margin: 3px 0;
}
.inside-puzzleHead .shareBlock .text {
    float: left;
    display: inline-block;
    color: #403f3b; 
    font-size: 16px; 
    line-height: 22px; 
    font-weight: 400;
    padding: 5px 10px; 
    margin: 0 1px 0 0;
}
.inside-puzzleHead .shareBlock .icn-share {
    float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #fff; 
    font-size: 16px; 
    line-height: 22px; 
    text-align: center;
    -webkit-font-smoothing: antialiased;
    background: #36a1d8;
    border-radius: 20px;
    padding: 5px 0 0;
    margin: 0 4px 0 0;
}
.inside-puzzleHead .shareBlock .icn-share:hover {
    text-decoration: none; background: #ffa300;
}
.inside-puzzleHead .shareBlock .icn-facebook {
    float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #fff; 
    font-size: 18px; 
    line-height: 22px; 
    text-align: center;
    -webkit-font-smoothing: antialiased;
    background: #40659f;
    border-radius: 20px;
    padding: 6px 0 0;
    margin: 0 4px 0 0;
}
.inside-puzzleHead .shareBlock .icn-facebook:hover {
    text-decoration: none; background: #ffa300;
}  
.inside-puzzleHead .shareBlock .icn-twitter {
    float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #fff; 
    font-size: 18px; 
    line-height: 22px; 
    text-align: center;
    -webkit-font-smoothing: antialiased;
    background: #57bee2;
    border-radius: 20px;
    padding: 5px 0 0;
    margin: 0 4px 0 0;
}
.inside-puzzleHead .shareBlock .icn-twitter:hover {
    text-decoration: none; background: #ffa300;
}
.inside-puzzleHead .shareBlock .icn-google {
    float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #fff; 
    font-size: 20px; 
    line-height: 22px; 
    text-align: center;
    -webkit-font-smoothing: antialiased;
    background: #c74a31;
    border-radius: 20px;
    padding: 5px 0 0 4px;
    margin: 0 4px 0 0;
}
.inside-puzzleHead .shareBlock .icn-google:hover {
    text-decoration: none; background: #ffa300;
}
.inside-puzzleHead .promoBlock {text-align:center;
    float:right;
    display:inline-block;
    border-left:1px solid #dedede;
    padding:0 0 0 30px;
    margin:5px 0 0 15px;
}
.inside-puzzleHead .promoBlock h5 {font-size:17px; line-height:21px; font-weight:300; font-style:italic; margin:0;}
.inside-puzzleHead .promoBlock h6 {font-size:14px; line-height:18px; margin:0 0 4px;}
.inside-puzzleHead .promoBlock .btnFlatGreen {width:100px; margin-left:0;}
.inside-puzzleHead .volumeBlock {
    float:right;
    display:inline-block;
    margin-left:0;
}
.inside-puzzleHead .volumeBlock a.volumeSwitch {color:#56524a; font-size:24px; line-height:24px;
	position:relative;
	display:block;
	padding-top:7px;
}
.inside-puzzleHead .volumeBlock a.volumeSwitch:hover {color:#0d7fb5; text-decoration:none;}
.inside-puzzleHead .learnBlock {
    float:right;
    display:inline-block;
    margin-left:10px;
}
.inside-puzzleHead .learnBlock a {color:#56524a; font-size:24px; line-height:24px;
    position:relative;
    display:block;
    padding-top:7px;
}
.inside-puzzleHead .learnBlock a:hover {color:#0d7fb5; text-decoration:none;}
.inside-puzzleHead .coBrand {
	float:right;
	display:inline-block;
	margin-left:20px;
}
.inside-puzzleHead .coBrand  img {margin:0;}
.inside-puzzleHead .puzzleProgress {
	float:right; /* See COURSES-310 */
	display:inline-block;
	/*height:105px;*/
}
.inside-puzzleHead .puzzleProgress .puzzleTitle {color:#2d2c29; font-size:22px; line-height:25px; font-weight:400;
	position:relative;
	display:block;
	height:48px;
	white-space:nowrap;
	padding:17px 0 6px;
	overflow:hidden;
	clear:both;
}
.inside-puzzleHead .puzzleProgress .puzzleTitle span.titletext {
	float:left;
	display:inline-block;
	margin-right:0;
}
.inside-puzzleHead .puzzleProgress .puzzleTitle span.actions {font-size:13px; line-height:16px;
    float:right;
    display:inline-block;
    padding-top:6px;
    padding-left:10px;
}
.inside-puzzleHead .puzzleProgress .puzzleTitle a {font-size:13px; line-height:16px; text-decoration:underline;
}
.inside-puzzleHead .puzzleProgress ul.puzzleStage {list-style:none; margin:5px 0 0;}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li {
	float:left;
	display:inline-block;
	margin-left:4px;
}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li a {color:#cfc8be; font-size:14px; line-height:17px; font-weight:400; text-align:center;
    position:relative;
    display:block;
    height:26px;
    min-width:26px;
    background:#fff;
    border:1px solid #cfc8be;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    padding:4px 2px 0;
}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li a:hover {color:#0d7fb5; border:1px solid #0d7fb5; text-decoration:none;}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li a.completed {color:#fff; font-size:13px; line-height:17px; background:#56524a; border:1px solid #56524a; padding:4px 2px 0;}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li a.completed:hover {background:#0d7fb5; border:1px solid #0d7fb5;}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li a.current {color:#fff; background:#0d8ecb; border:1px solid #0d8ecb;}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li a.current:hover {background:#0d7fb5; border:1px solid #0d7fb5;}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li a span.icon-locked {position:absolute;bottom:-4px;right:-4px;font-size:10px;}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li.certificate-link {margin-left:8px;}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li.certificate-link a { 
	color:#0d7baf;
	font-size:14px; 
	line-height:17px; 
	font-weight:400; 
	text-align:left;
	border:1px solid #0d7fb5;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    padding:4px 8px 0;
}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li.certificate-link a span {color:#0f84bc; font-size: 12px; line-height: 17px;}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li.certificate-link a:hover {
    color: #fff;
    border:1px solid #ffa300;	
	background: #ffa300;
}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li.certificate-link a:hover span {color: #fff;}


.inside-puzzleHead .puzzleProgress ul.puzzleStage li.share-link {margin-left:8px;}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li.share-link a { 
    color:#0d7baf;
    font-size:14px; 
    line-height:17px; 
    font-weight:400; 
    text-align:left;
    border:1px solid #0d7fb5;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    padding:4px 8px 0;
}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li.share-link a span {color:#0f84bc; font-size: 12px; line-height: 17px;}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li.share-link a:hover {
    color: #fff;
    border:1px solid #ffa300;   
    background: #ffa300;
}
.inside-puzzleHead .puzzleProgress ul.puzzleStage li.share-link a:hover span {color: #fff;}


.inside-puzzleHead .puzzleProgress .puzzleCertificate {
	float: left;
	position: relative;
	display: inline-block;
	margin-left: 6px; 
}
.inside-puzzleHead .puzzleProgress .puzzleCertificate a {display: inline-block;}

.inside-puzzleHead a.signin {font-size:14px; line-height:17px; font-weight:400;
    float:right;
    display:inline-block;
    padding-top:13px;
}
.inside-puzzleHead a.signin:hover {text-decoration:none;}
.inside-puzzleHead a.signup {color:#fff; font-size:14px; line-height:17px; font-weight:400;
    float:right;
    display:inline-block;
    background:#209b48;
    border:1px solid #209b48;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding:6px 18px;
    margin:5px 0 0 18px;
}
.inside-puzzleHead a.signup:hover {color:#fff; background:#ffa300; border:1px solid #ffa300; text-decoration:none;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);
    -ms-box-shadow:0 1px 2px rgba(0,0,0,0.15);
    box-shadow:0 1px 2px rgba(0,0,0,0.15);
}

.inside-puzzleHead a.home {
    font-family:'icomoon';
    color:#dfdfdf; font-size:16px; line-height:21px; font-weight:500; text-align:center; text-decoration:none; letter-spacing:0; text-shadow:0 -1px 0 #0c0c0c;
    float:left;
    display:inline-block;
    border-right:1px solid #0c0c0c;
    speak:none;
    vertical-align:middle;
    -webkit-font-smoothing:antialiased;
    padding:8px 15px 7px 10px;
}
.inside-puzzleHead .title {color:#dfdfdf;font-size:16px; line-height:45px; font-weight:normal; text-shadow:0 -1px 0 #0c0c0c;
    float:left;
    display:inline-block;
    border-left:1px solid #6a6a6a;
    padding-left:20px;
}
.inside-puzzleHead .buttons {
    float:right;
    display:inline-block;
    height:45px;
    border-right:1px solid #0c0c0c;
    padding:4px 12px 0 0;
    margin:0;
}
.inside-puzzleHead ul.ideMenus {
    float:left;
    position:relative;
    display:inline-block;
    padding:0;
    margin:0;
}
.inside-puzzleHead ul.ideMenus li {color:#dfdfdf; font-size:16px; line-height:45px; font-weight:500;
    float:left;
    position:relative;
    display:inline-block;
    border-left:1px solid #6a6a6a;
    border-right:1px solid #0c0c0c;
    padding:0;
    margin:0;
}
.inside-puzzleHead ul.ideMenus li:hover {color:#f4f4f4; text-shadow:0 -1px 0 #323232;
    background:#474747;
    background:-webkit-linear-gradient(top, #7a7a7a 0%, #474747 100%);
    background:-moz-linear-gradient(top, #7a7a7a 0%, #474747 100%);
    background:-ms-linear-gradient(top, #7a7a7a 0%, #474747 100%);
    background:-o-linear-gradient(top, #7a7a7a 0%, #474747 100%);
    background:linear-gradient(to bottom, #7a7a7a 0%, #474747 100%);
}
.inside-puzzleHead ul.ideMenus li:hover ul {display:block;}
.inside-puzzleHead ul.ideMenus li a {color:#4f4b43; font-size:16px; line-height:45px; font-weight:500; padding:0 15px; margin:0;}
.inside-puzzleHead ul.ideMenus li a:hover {text-decoration:none;}
.inside-puzzleHead ul.ideMenus li a.menu {color:#dfdfdf; font-size:16px; line-height:45px; font-weight:normal; text-shadow:0 -1px 0 #0c0c0c;
    position:relative; 
    display:block;
    padding:0 15px; 
    margin:0;
}
.inside-puzzleHead ul.ideMenus li a.menu:hover {color:#fafafa; text-decoration:none;}
.inside-puzzleHead ul.ideMenus li a.menu span {
    position:relative;
    display:inline-block;
    width:0;
    height:0;
    border:1px solid #b4b4b4;
    border-color:#b4b4b4 transparent transparent transparent;
    border-width:4px;
    padding:0;
    margin:0 0 0 8px;
}
.inside-puzzleHead ul.ideMenus li ul {
    position:absolute;
    display:none;
    top:46px;
    left:-2px;
    min-width:180px;
    background:#fff;
    border:1px solid #bab9b8;
    border-top:1px solid #f2f1ee;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25);
    -moz-box-shadow:0 1px 1px rgba(208,205,193,1.0);
    -ms-box-shadow:0 1px 1px rgba(0,0,0,1.0);
    padding:0;
    margin:0;
    z-index:100;
}
.inside-puzzleHead ul.ideMenus li ul li {color:#3b3832; font-size:13px; line-height:32px; font-weight:400; text-align:left;
    float:none;
    position:relative;
    display:block;
    white-space:nowrap;
    border:0;
    padding:0;
    margin:0;
}
.inside-puzzleHead ul.ideMenus li ul li:hover {background:#f5f4f1;}
.inside-puzzleHead ul.ideMenus li ul li.menuDiv {border-top:1px solid #e1dfdf;}
.inside-puzzleHead ul.ideMenus li ul li a {color:#3b3832; font-size:13px; line-height:32px; font-weight:400; text-align:left; text-decoration:none; text-shadow:none;
    position:relative;
    display:block;
    white-space:nowrap;
    padding:0 0 0 10px;
    margin:0;
}
.inside-puzzleHead ul.ideMenus li ul li a:hover {color:#3b3832; text-decoration:none;}
.inside-puzzleHead ul.ideMenus li ul li span {color:#000;  font-size:12px; line-height:32px; font-weight:300; text-align:right; text-shadow:none;
    position:absolute;
    display:block;
    top:0px;
    right:0px;
    padding-right:10px;
}
.inside-puzzleHead ul.ideMenus li ul li.disable,
.inside-puzzleHead ul.ideMenus li ul li.disable a,
.inside-puzzleHead ul.ideMenus li ul li.disable span {color:#d3d2cf; cursor:default;}

/* -- IDE MESSAGING (Second Iteration) -- */
.inside-puzzleHead ul.messages {
    float:right;
    position:relative;
    display:inline-block;
    padding:0;
    margin-right:12px;
}
.inside-puzzleHead ul.messages li {color:#4f4b43; font-size:16px; line-height:37px; font-weight:500;
    float:right;
    position:relative;
    display:inline-block;
    padding:8px 10px 0;
    margin:0;
}
.inside-puzzleHead ul.messages li span {color:#919191; font-size:24px;  line-height:24px; font-weight:normal; font-family:'icomoon'; text-decoration:none;
    speak:none;
    vertical-align:baseline;
    -webkit-font-smoothing:antialiased;
}
.inside-puzzleHead ul.messages li .number {color:#fff; font-size:12px; line-height:12px; font-weight:500; text-align:center;
    position:absolute;
    top:14px;
    left:14px;
    width:18px;
}
.inside-puzzleHead ul.messages li.green .number {color:#fff;}
.inside-puzzleHead ul.messages li.green span {color:#49a747;}
.inside-puzzleHead ul.messages li:hover ul {display:block;}
.inside-puzzleHead ul.messages li:hover {background:#3c3c3c;}
.inside-puzzleHead ul.messages li ul {
    position:absolute;
    display:none;
    top:45px;
    right:0;
    min-width:250px;
    background:#fff;
    border:4px solid #3c3c3c;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25);
    -moz-box-shadow:0 1px 1px rgba(208,205,193,1.0);
    -ms-box-shadow:0 1px 1px rgba(0,0,0,1.0);
    padding:0;
    margin:0;
    z-index:100;
}
.inside-puzzleHead ul.messages li ul li {color:#3b3832; font-size:13px; line-height:32px; font-weight:400; text-align:left;
    float:none;
    position:relative;
    display:block;
    overflow:hidden;
    border:0;
    padding:0;
    margin:0;
}
.inside-puzzleHead ul.messages li ul li.title {color:#bbbbbb; font-size:11px; line-height:12px; font-weight:500; text-align:left; text-transform:uppercase; text-decoration:none; text-shadow:none;
    position:relative;
    display:block;
    height:25px;
    background:#3c3c3c;
    padding:3px 0 10px 10px;
}
.inside-puzzleHead ul.messages li ul li a {color:#3b3832; font-size:12px; line-height:15px; font-weight:300; text-align:left; text-decoration:none;
    position:relative;
    display:block;
    height:45px;
    border-bottom:1px solid #b5b5b5;
    padding:6px 10px 8px 10px;
    margin:0;
}
.inside-puzzleHead ul.messages li ul li a:hover {color:#3b3832; text-decoration:none; background:#fcf9e7;}
.inside-puzzleHead ul.messages li ul li.btnMessages  {position:relative; display:block; background:#fff; padding:8px;}
.inside-puzzleHead ul.messages li ul li.btnMessages a.view {color:#67645d; font-size:14px; line-height:15px; font-weight:500; text-align:center; text-decoration:none; letter-spacing:0;
    position:relative;
    display:block;
    height:30px;
    background:#e7e6e2;
    background:-webkit-linear-gradient(top, #f3f2ed 0%, #e7e6e2 100%);
    background:-moz-linear-gradient(top, #f3f2ed 0%, #e7e6e2 100%);
    background:-ms-linear-gradient(top, #f3f2ed 0%, #e7e6e2 100%);
    background:-o-linear-gradient(top, #f3f2ed 0%, #e7e6e2 100%);
    background:linear-gradient(to bottom, #f3f2ed 0%, #e7e6e2 100%);
    border:1px solid;
    border-color:#ccc #ccc #bbb;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    margin-bottom:6px;
}
.inside-puzzleHead ul.messages li ul li.btnMessages a.view:hover {color:#3b3832; text-decoration:none;
    border-color:#aaa #aaa #999;
    background:#edece8;
    background:-webkit-linear-gradient(top, #f7f6f2 0%, #edece8 100%);
    background:-moz-linear-gradient(top, #f7f6f2 0%, #edece8 100%);
    background:-ms-linear-gradient(top, #f7f6f2 0%, #edece8 100%);
    background:-o-linear-gradient(top, #f7f6f2 0%, #edece8 100%);
    background:linear-gradient(to bottom, #f7f6f2 0%, #edece8 100%);
}
.inside-puzzleHead ul.messages li ul li.btnMessages a.send {color:#67645d; font-size:14px; line-height:15px; font-weight:500; text-align:center; text-decoration:none; letter-spacing:0;
    position:relative;
    display:block;
    height:30px;
    background:#d9961f;
    background:-webkit-linear-gradient(top, #eba324 0%, #d9961f 100%);
    background:-moz-linear-gradient(top, #eba324 0%, #d9961f 100%);
    background:-ms-linear-gradient(top, #eba324 0%, #d9961f 100%);
    background:-o-linear-gradient(top, #eba324 0%, #d9961f 100%);
    background:linear-gradient(to bottom, #eba324 0%, #d9961f 100%);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.inside-puzzleHead ul.messages li ul li.btnMessages a.send:hover {color:#3b3832; text-decoration:none;
    background:#ffb127;
    background:-webkit-linear-gradient(top, #ffbf4b 0%, #ffb127 100%);
    background:-moz-linear-gradient(top, #ffbf4b 0%, #ffb127 100%);
    background:-ms-linear-gradient(top, #ffbf4b 0%, #ffb127 100%);
    background:-o-linear-gradient(top, #ffbf4b 0%, #ffb127 100%);
    background:linear-gradient(to bottom, #ffbf4b 0%, #ffb127 100%);
}
.inside-playerWrap img {
	position:relative;
	display:block;
	width:100%;
	margin:0 auto;
}
.inside-playerWrap img.fix {
    position:relative;
    display:block;
    width:auto !important;
    margin:0 auto;
}
iframe {width="100%" height="100%"}

/* -- MODAL BOX -- */
.modal {font-size:14px;
    display:none;
    background:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 0 10px #000;
    -moz-box-shadow:0 0 10px #000;
    -ms-box-shadow:0 0 10px #000;
    -o-box-shadow:0 0 10px #000;
    box-shadow:0 0 10px #000;
    padding:0;
    margin:0;
}
.modal a.close-modal {
    position:absolute;
    top:-12.5px;
    right:-12.5px;
    display:block;
    width:26px;
    height:26px;
    text-indent:-9999px;
    background:url(/global/ui01/css/img/icn-close.png) 0 0 no-repeat;
}
.modal .modalBody {
    position:relative;
    display:block;
    padding:0;
    margin:0 15px;
}
.modal .modalBody p {color:#3b3832; font-size:14px; line-height:17px; padding:0 0 6px; margin:0 0 15px;}
.modal .modalFooter {text-align:right;
    position:relative;
    display:block;
    border-top:1px solid #dadada;
    padding:10px 0 12px;
    margin:10px 15px 0;
}
/* -- GENERAL (Info Box) -- */
.infoBox {position:relative;}
.infoBox h3 {color:#3b3832; font-size:24px; line-height:28px; font-weight:400; letter-spacing:-1px;
    position:relative;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    margin:10px 15px 20px;
}
.infoBox h4 {color:#3b3832; font-size:20px; line-height:23px; font-weight:400; letter-spacing:-1px;
    position:relative;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    margin:10px 15px 10px;
}
.infoBox h5 {color:#3b3832; font-size:18px; line-height:22px; font-weight:400; letter-spacing:-1px;
    position:relative;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    margin:10px 15px 10px;
}
.infoBox .infoBody {
    position:relative;
    display:block;
    padding:0 10px;
}
.infoBox .infoBody .content {
    float:left;
    position:relative;
    display:inline-block;
    padding:0 10px;
}
.infoBox .infoBody.oneUp .content {width:100%;}
.infoBox .infoBody.twoUp .content {width:50%;}
.infoBox .infoBody.threeUp .content {width:33%;}
.infoBox ul {list-style:square outside; margin:0 15px 0 30px;}
.infoBox ul li {
    font-size:14px;
    line-height:18px;
    font-weight:300;
}
.infoBox .infoFooter {text-align:center;
    position:relative;
    display:block;
    background:#faf9f1;
    border-top:1px solid #dadada;
    -webkit-border-radius:0 0 4px 4px; 
    -moz-border-radius:0 0 4px 4px; 
    border-radius:0 0 4px 4px;
    padding:6px 10px;
    margin:10px 0 0;
}