body { margin:0px; padding:0px; font-family: 'Merriweather', serif; font-size:21px; color: #333333; font-weight: 400; text-align: center; } /**{margin:0px auto;} */ input[type='text'], input[type='password'], input[type='email']{ height: 35px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; font-family: 'Merriweather', serif; box-shadow: 1px 1px 5px #CCC; } input[type='file'] { height: 35px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; font-family: 'Merriweather', serif; box-shadow: 1px 1px 5px #CCC; background-color: white; padding: 0px; margin: 0px; } input[type='submit'] { font-size: 1.1em; margin: 0px;} input[type='submit']:hover { font-size: 1.1em; margin: 0px;} input[type='button'] { font-size: 1.1em; margin: 0px; } input[type='button']:hover { font-size: 1.1em; margin: 0px; } input:focus { outline: none !important; border-color: #719ECE; box-shadow: 0 0 10px #719ECE; } .text-label { color: #9E9E9E; } textarea { font-size: 18px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; font-family: 'Merriweather', serif; box-shadow: 1px 1px 5px #CCC; } .text { color: #333333; width: 300px; height: 35px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; font-family: 'Merriweather', serif; box-shadow: 1px 1px 5px #CCC; } select {height: 45px; border-radius: 3px; border: 1px solid #CCC;padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; font-family: 'Merriweather', serif; box-shadow: 1px 1px 5px #CCC; } #countrySelect { height: 45px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; font-family: 'Merriweather', serif; box-shadow: 1px 1px 5px #CCC; } #stateSelect { height: 45px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; font-family: 'Merriweather', serif; box-shadow: 1px 1px 5px #CCC; width: 100%; } select option{ font-size: 15px; } .select_overflow { max-height: 350px; } .course_select { font-size:25px; font-weight: 400; color: #333333; line-height: 45px; text-align: center; } /*table { text-align: center; }*/ #home_menu { margin:0px auto; width: 100%; text-align: center; } #home_menu ul { list-style-type: none; margin: 0; padding: 0; } #home_menu li { float: left; list-style-type: none; } #home_menu a {text-decoration: none; background-color: #343538; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; padding-left: 40px; padding-right: 40px; } #home_menu #active a { text-decoration: none; background-color: #02A6E0; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; padding-right: 40px; padding-left: 40px; } #home_menu a:hover { background:#00BCFF; text-align: center; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; padding-right: 40px; padding-left: 40px; } .menu_button { background-color: #343538; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; } .menu_button_hover{ background:#00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 100%; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; } .menu_button a {text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .list_button { background-color: #343538; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; } .list_button:hover{ background:#00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; } .list_button a {text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .admin_menu_button:hover{ background-color:#00BCFF; text-align: left; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 30px; display:block; } .admin_menu_button { text-align: left; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 30px; display:block; font-size: 14px; } .admin_menu_button a {text-align: left; position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .submit {font-size: 1.1em;background-color:#008DBF; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border:none; font-size: 14px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} .submit:hover {font-size: 1.1em;background-color:#00BCFF; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border:none; font-size: 14px;} .submit a {font-size: 1.1em;text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .submit0 {font-size: 1.1em;background-color:#008DBF; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border:none; font-size: 14px; } .submit0:hover {font-size: 1.1em;background-color:#00BCFF; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border:none; font-size: 14px;} .submit0 a {font-size: 1.1em;text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .submit2 {font-size: 1.1em;background-color:#343538; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border:none; font-size: 14px;} .submit2:hover {font-size: 1.1em;background-color:#00BCFF; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border:none; font-size: 14px;} .submit2 a {font-size: 1.1em;text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .submit3 {font-size: 1.1em;background-color:#55A601; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border:none; font-size: 14px;} .submit3:hover {font-size: 1.1em;background-color:#69C904; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border:none; font-size: 14px;} .submit3 a {font-size: 1.1em;text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .submit4 {font-size: 1.1em;background-color:#B02022; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border:none; font-size: 14px;} .submit4:hover {font-size: 1.1em;background-color:#F23D40; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border:none; font-size: 14px;} .submit4 a {font-size: 1.1em;text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .submit5 {font-size: 1.1em;background-color:#000000; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border:none; font-size: 14px;} .submit5:hover {font-size: 1.1em;background-color:#00BCFF; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border:none; font-size: 14px;} .submit5 a {font-size: 1.1em;text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .submit6 {font-size: 1.1em;background-color:#BFDAE3; text-align: center; position:relative; color:#333333; font-weight:bold; border: none; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border:none; font-size: 14px;} .submit6:hover {font-size: 1.1em;background-color:#00BCFF; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border:none; font-size: 14px;} .submit6 a {font-size: 1.1em;text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .submit_disabled { background-color:#B5B5B5; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; display:block; border:none; cursor: default; } .submit_disabled:hover { background-color:#B5B5B5; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; display:block; border:none; cursor: default; } .submit_disabled:active { background-color:#B5B5B5; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; display:block; border:none; cursor: default; } .submit_disabled:visited { background-color:#B5B5B5; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; border: none; cursor:pointer; line-height: 50px; display:block; border:none; cursor: default; } .button { background-color:#008DBF; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button:hover { background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em} .button a {text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-size: 1.1em;} .button_small { font-size: 14px!important; background-color:#008DBF; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 30px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC;} .button_small:hover { background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 30px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 14px!important;} .button_small a {text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-size: 14px!important;} .blue_bold { font-size: 18; color: #3B58A8; font-weight: bold; line-height: 26px; } .about_exam { text-align: center; } .about_exam_spacer { padding-top: 35px; } .exam_question_number { width: 40px; } .exam_check_container { width: 25px; text-align: center; } .exam_label_container { width: 100%; text-align: left; } .exam_padding hr { width: 95%; margin-top: -10px; } .exam_sub_question { padding-left: 16px; padding-top: 25px; width: 100%; text-align: left; } .exam_sub_question span { font-size: 17px; color: #333333; font-weight: bold; } .exam_sub_question_options { width: 100%; padding-top: 15px; } .exam_sub_question_options span { font-weight: normal; } .buttons a, .buttons button{ background-color:#008DBF; text-align: center; position:relative; color:#FFFFFF; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em; } .buttons button{ width:auto; overflow:visible; padding:4px 0px 3px 0px; /* IE6 */ width: 100%; text-align: center; color:#ffffff; font-size: 1.1em; } .buttons button[type]{ padding:5px 0px 5px 0px; /* Firefox */ line-height:17px; /* Safari */ width: 100%; text-align: center; color:#ffffff; font-size: 1.1em; } *:first-child+html button[type]{ padding:4px 0px 3px 0px; /* IE7 */ width: 100%; text-align: center; color:#ffffff; font-size: 1.1em; } .buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; color:#ffffff; font-size: 1.1em; } /*button:hover, .buttons a:hover{ background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em; }*/ .buttons a:active{ background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em; } .buttons a:visited{ background-color:#008DBF; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em; } .buttons a:visited:hover{ background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em; } .buttons a.regular:hover, button.regular:hover{ background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em; } .buttons a.regular:active{ background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em; } .buttons3 a, .buttons3 button{ background-color:#0A5A82; text-align: center; position:relative; color:#FFFFFF; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em; } .buttons3 button{ width:auto; overflow:visible; padding:4px 0px 3px 0px; /* IE6 */ width: 100%; text-align: center; color:#ffffff; font-size: 1.1em; } .buttons3 button[type]{ padding:5px 0px 5px 0px; /* Firefox */ line-height:17px; /* Safari */ width: 100%; text-align: center; color:#ffffff; font-size: 1.1em; } *:first-child+html button[type]{ padding:4px 0px 3px 0px; /* IE7 */ width: 100%; text-align: center; color:#ffffff; font-size: 1.1em; } .buttons3 button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; color:#ffffff; font-size: 1.1em; } /*button:hover, .buttons3 a:hover{ background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em; }*/ .buttons3 a:active{ background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em; } .buttons3 a:visited{ background-color:#0A5A82; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em; } .buttons3 a:visited:hover{ background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em; } .buttons3 a.regular:hover, button.regular:hover{ background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; } .buttons3 a.regular:active{ background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; } button.regular, .buttons a.regular,.buttons2 a.regular,.buttons3 a.regular{ font-weight:bold; text-decoration: none; color: #FFFFFF; font-size: 1.1em; } .button2 { background-color:#55A601; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button2:hover { background: #6EB821; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button2:hover input[type='submit'] { background: #6EB821; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button2 a { text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-size: 1.1em;} .button2_small { background-color:#55A601; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 30px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 14px!important;} .button2_small:hover { background: #6EB821; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 30px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 14px!important;} .button2_small:hover input[type='submit'] { background: #6EB821; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 30px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 14px!important;} .button2_small a { text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-size: 14px !important; } .button3 { background:#343538; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button3:hover { background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button3 a {text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .button4 { background-color:#B02022; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button4:hover { background: #F23D40; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button4 a {text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-size: 1.1em;} .button5 { background-color:#EDB200; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button5:hover { background: #FCC51E; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button5 a {text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-size: 1.1em;} .button6 { background-color:#FFFFFF; text-align: left; position:relative; color:#0A5A82; font-weight: bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 0px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button6:hover { background: #D1E2EB; text-align: left; position:relative; color:#0A5A82; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 0px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button6 a {text-align:left;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#D1E2EB; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-size: 1.1em;} .button7 { background-color:#FFFFFF; text-align: left; position:relative; color:#356E26; font-weight: bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 0px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button7:hover { background: #CBF2C2; text-align: left; position:relative; color:#356E26; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 0px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button7 a {text-align:left;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#B1DBA7; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-size: 1.1em;} .button8 { background-color:#FFFFFF; text-align: left; position:relative; color:#6E2323; font-weight: bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 0px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button8:hover { background: #EDB7B7; text-align: left; position:relative; color:#6E2323; border: none; font-weight:bold; cursor:pointer; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 0px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; font-size: 1.1em;} .button8 a {text-align:left;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#FAD7D7; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-size: 1.1em;} .home_button {font-size: 1.1em;background-color:#008DBF; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 0px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; } .home_button:hover {font-size: 1.1em;background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 0px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC;} .pricing_button { background-color:#008DBF; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 38px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC;} .pricing_button:hover { background: #00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 38px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC;} .pricing_button a {text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:#343538; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} .pricing_button td { padding-left: 8px; padding-right: 8px; } .button_disabled { background-color:#B5B5B5; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:default; line-height: 34px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC;} .button_disabled_small { background-color:#B5B5B5; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:default; line-height: 30px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC;} .small_button { font-size: 18px; height: 28px; } #cancel_new_shipping_address{ width: 90px; font-size: 13px; line-height: 21px; margin-bottom: 4px;} #cancel_new_billing_address{ width: 90px; font-size: 13px; line-height: 21px; margin-bottom: 4px;} #change_address_button { width: 90px; font-size: 13px; line-height: 21px; } #change_billing_address_button { width: 90px; font-size: 13px; line-height: 21px; } #long_button { width: 100%; font-size: 1.1em; font-size: 16px; font-weight: bold;} #long_button_border { width: 100%; border: solid 1px #828282; box-shadow: 2px 2px 5px #CCC;} #confirm_order { width: 100%; } #red { color: #B02022; } .large_red { color: #B02022; font-size: 26px; } .large_green { color: #55A601; font-size: 26px; } .large_red_number { font-family: sans-serif; color: #B02022; font-size: 29px; } .red { color: #B02022; font-weight: 700; } a.red_link:link, a.red_link:visited { color: #B02022; text-decoration: underline; } a.red_link:hover { color: #6E1314; text-decoration: underline; } .small_red { color: #B02022; font-size: 14px; } .red_number { font-family: sans-serif; color: #B02022; font-size: 19px; } font, div, option, td { font: normal 15px 'Merriweather', serif; } form { display: inline; font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; } .white { font-size: 15px; color: #FFFFFF; } .large_white { font-size: 17px; color: #FFFFFF; } .home { font-family: 'Merriweather', serif; font-size: 15px; color: #333333; } .home a{ font-family: 'Merriweather', serif; font-size: 15px; color: #0B5C75; text-decoration: underline; } .home a:hover{ font-family: 'Merriweather', serif; font-size: 15px; color: #138BB0; text-decoration: underline; } .home a:visited{ font-family: 'Merriweather', serif; font-size: 15px; color: #0B5C75; text-decoration: underline; } .home a:visited:hover{ font-family: 'Merriweather', serif; font-size: 15px; color: #138BB0; text-decoration: underline; } .home_small { font-family: 'Merriweather', serif; font-size: 13px; color: #333333; } .home_small a{ font-family: 'Merriweather', serif; font-size: 13px; color: #0B5C75; text-decoration: underline; } .home_small a:hover{ font-family: 'Merriweather', serif; font-size: 13px; color: #138BB0; text-decoration: underline; } .home_small a:visited{ font-family: 'Merriweather', serif; font-size: 13px; color: #0B5C75; text-decoration: underline; } .home_small a:visited:hover{ font-family: 'Merriweather', serif; font-size: 13px; color: #138BB0; text-decoration: underline; } .small { font-size: 14px; color: #008DBF;} .tiny { font-size: 12px; color: #008DBF;} .home_tag { font-size: 18px; color: #24739E; font-weight: bold; } .small_delete { font-size: 14px; color: red; } .footer { height: 145px; background: #343538; border-top: solid 1px #000; border-bottom: solid 1px #000; box-shadow: 1px 0 0 1px #ccc; } .footer_spacer { padding-top: 75px; } .copyright { padding-top: 15px; padding-bottom: 50px; } .footerPayments { color: white; font-size: 16px; } .title_paragraph { width: 100%; text-align: left; } h1{ font-family: 'Merriweather', serif; font-size:30px; font-weight: 400; color: #333333; } a, a:link, a:visited { font-family: 'Merriweather', serif; text-decoration: underline; color: #333333; font-weight: 500; } a:hover, a:active { font-weight: normal; color: #00BCFF; text-decoration: underline; font-weight: 500; } img { border: 0px; /* display: block; */ } p,ol,ul { font-family: 'Merriweather', serif; font-size: 16px; color: #333333; } .main_title { font-family: 'Merriweather', sans-serif; font-size: 45px; font-weight: 700; color: #333333; } .title { font-family: 'Merriweather', serif; font-size:25px; font-weight: bold; color: #333333; } .title_blue { font-family: 'Merriweather', serif; font-size:25px; font-weight: 400; color: #008DBF; } .title_blue2 { font-family: 'Merriweather', serif; font-size:21px; font-weight: 400; color: #008DBF; } .title_blue3 { font-family: 'Merriweather', serif; font-size:19px; font-weight: 400; color: #008DBF; } .title_blue4 { font-family: 'Merriweather', serif; font-size:17px; font-weight: 400; color: #008DBF; } #title { font-family: 'Merriweather', serif; font-size:25px; font-weight: 400; color: #333333; } .page_title_box .title { font-family: 'Merriweather', serif; font-size: 25px; font-weight: 400; color: #333333; } .title2 { font-family: 'Merriweather', serif; font-size:21px; font-weight: 400; color: #333333; } .title3 { font-family: 'Merriweather', serif; font-size:18px; font-weight: 400; color: #333333; } .title4 { font-family: 'Merriweather', serif; font-size:16px; font-weight: 400; color: #333333; } .paypal { float: left; padding: 10px 18px; display: box; } div.main { padding:30px 0px 30px 0; margin:0px auto; width:100%; text-align:center; } div.add { padding:0px; text-align:center; margin: 0px auto; width:100%; } .thin_box { border-top:1px solid #D9D9D9; } .hiddenDiv { display: none; } .visibleDiv { display: block;} .spacer { background: white; width: 1px; } .big_box { background: #FAC041; border: solid 1px #B0B0B0; width: 375px; height: 300px; padding: 0px; margin: 0px; color: #333333; font-family: 'Merriweather', serif; } .link { font-family: 'Merriweather', serif; font-size: 12px; color: #202F4F; } .nav-container{ min-width: 1100px; } .welcome { min-width: 1100px; max-width: 1100px; display: table; text-align: left; } .welcome_small { min-width: 600px; max-width: 600px; display: table; margin-right: auto; margin-left: auto; } .welcome_text { line-height: 28px; color: #000; font-size: 16px; } .available_courses_text { display: none; } .nav { height: 50px; background: #343538; } .f-nav{ z-index: 999; position: fixed; left: 0; top: 0; width: 100%;} /* this make our menu fixed top */ .admin_nav-container{ background: url('images/nav_bg.jpg') repeat-x 0 0; position: 50px; height: 30px; } .admin_nav { height: 30px; background: #E6EEF7; } .admin_f-nav{ z-index: 999; position: fixed; left: 0; top: 200px; width: 100%;} /* this make our menu fixed top */ .large_holder { width: 800px; margin: 0px auto; } .reg_text { width: 700px; color: #333333; font-weight: 400;} .reg_text2 { width: 722px; color: #333333; font-weight: 400;} .reg_text3 { width: 734px; color: #333333; font-weight: 400;} .reg { width: 200px; padding-top: 12px; padding-right: 8px; font-size:18px; font-weight: 400; color: #333333; } .reg2 { padding-top: 0px; } .register { width: 80%; text-align: center; padding-top: 25px; } .reg_container { padding-top: 7px; } /*.reg_col1 { width: 25%; float: left; text-align: right; padding-top: 12px; padding-right: 8px; font-size:18px; font-weight: 400; color: #333333; }*/ .reg_col1 { display: none;} .reg_col2 { width: 100%; float: left; text-align: left; padding-left: 25px; } .reg_birth_col1 { width: 33%; float: left; } .reg_birth_col2 { width: 34%; float: left; } .reg_birth_col3 { width: 33%; float: right; } .reg_box { width: 92%; height: 35px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; font-family: 'Merriweather', serif; box-shadow: 1px 1px 5px #CCC; } .reg_box_red { width: 92%; height: 35px; border-radius: 3px; border: 1px solid #B02022; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; font-family: 'Merriweather', serif; box-shadow: 1px 1px 5px #B02022; } .reg_complete_box { width: 70%; } .reg_complete_spacer { padding-top: 25px; } .reg_clear { clear: both; padding-top: 12px; } .white_page { background: white; padding: 45px; } .col_container { width: 100%; padding-bottom: 35px; padding-top: 15px; } .col5_1 { width: 11%; float: left; text-align: center; clear: both; font-size: 15px; } .col5_2 { width: 53%; float: left; text-align: left; font-size: 15px; } .col5_3 { width: 11%; float: left; font-size: 15px; } .col5_4 { width: 17%; float: left; font-size: 15px; } .col5_5 { width: 8%; float: right; text-align: center; font-size: 15px; } .col4_1 { width: 11%; float: left; text-align: center; clear: both; font-size: 15px; } .col4_2 { width: 45%; float: left; text-align: left; font-size: 15px; } .col4_3 { width: 28%; float: left; font-size: 15px; text-align: left; } .col4_4 { width: 16%; float: left; font-size: 15px; } .home_container { padding-top: 20px; display: inline; margin: 0 auto; } .home_col1 { width: 45%; float: left; text-align: right; display: block; } .home_col2 { width: 10%; float: left; text-align: center; padding-top: 10px;} .home_col3 { width: 45%; float: right; text-align: left; display: block; } .birthday_box { width: 95%; } .birthyear_box { width: 95%; } .birthmonth_box { width: 95%; } .checkbox_box { width: 50px; } .missing { border: 1px solid red; box-shadow: 2px 2px 5px #CCC; } .missing_title { width: 100%; text-align: center; font-size: 18px; color: red; padding-top: 15px; padding-bottom: 15px; } .missing_object { line-height: 30px; color: red; } .single_message_box { font-size: 18px; width: 100%; text-align: center; padding-top: 50px; padding-bottom: 50px; } /*div spacers*/ .div_xlarge_spacer { padding-top: 100px; } .div_large_spacer { padding-top: 50px; } .login_div_spacer { padding-top: 30px; } .div_spacer { padding-top: 30px; } .div_spacer_small { padding-top: 22px; } .div_tiny_spacer { padding-top: 10px; } .large_div_spacer { padding-top: 50px; } .form_spacer { padding-top: 15px; } .contact_missing { width: 800px; } .contact_us { padding: 40px 0px 0px 0px; width: 100%; display: table; } .contact_input { width: 90%; } .contact_td0 { padding-top: 0px; width: 100%; text-align: left; vertical-align: top; } .contact_td1 { float: left; padding-top: 19px; width: 20%; text-align: right; clear: both; display: table-cell; } .contact_td2 { float: right; width: 78%; padding-top: 10px; padding-left: 15px; text-align: left; display:table-column; } .contact_textarea { width: 90%; max-width: 90%; min-width: 90%; height: 200px; max-height: 200px; min-height: 200px; } .contact_input_missing { width: 100%; color: #B02022; } .contact_textarea_missing { width: 100%; max-width: 100%; min-width: 100%; height: 200px; max-height: 200px; min-height: 200px; color: #B02022; } .reset_text { padding-top: 25px; padding-bottom: 25px; } .reset_text_box { width: 90%; padding-bottom: 40px; } .account_created { padding: 35px; } .form_label { padding-right: 10px; } .form_label2 { padding-right: 15px; padding-top: 12px; } .login_form { width: 100%; } .login_form_column1 { width: 40%; float: left; text-align: right; vertical-align: middle; padding-top: 15px; } .login_form_column2 { width: 60%; float: right; text-align: left; } .add_course_column1 { width: 40%; float: left; text-align: left; vertical-align: middle; padding-top: 15px; } .add_course_column2 { width: 60%; float: left; text-align: center; padding-top: 15px; } .add_course_column2_sub1 { width: 60%; float: left; text-align: center; } .add_course_column2_sub2 { width: 40%; float: left; text-align: center; } .course_cert_image { height: 300px; } .add_course_price_holder { text-align: right; margin-right: 80px; margin-top: 100px; } .add_course_price { text-align: right; margin-right: 0px; padding-top: 25px; } .col_spacer_course1 { width: 100%; padding-left: 50px; } .col_spacer_course2 { width: 100%; } .col_spacer_course3 { width: 100%; } .course_image { max-width:100%; height:auto; } .login_container { width: 100%; display:table; } .login_box { padding-top: 20px; padding-bottom: 20px; } .login_label_box { float: left; width: 29%; text-align: right; vertical-align: middle; padding-top: 18px; } .login_input_box { float: right; width: 70%; text-align: left; padding-top: 8px;} .login_input { width: 400px; } .login_error { padding-bottom: 15px; } .nav_menu_container { width: 100%; height: 50px; display: block; } .menu_cart { position: relative; top: 8px; right: 8px; } .items_in_cart_menu { position: relative; top: -10px; left: 20px; color: #EDB200; line-height: 50px;} .items_in_cart_menu_greater_than_10 { position: relative; top: -10px; left: 22px; color: #EDB200; } .pay_later { float: left; padding-top: 0px; padding-right: 10px; } #mob_nav_menu_container { display: none; } .header { width: 1100px; text-align: left; } .body_container { width: 100%;margin:0px auto; text-align: center; padding: 0; text-align: center;background-color: #EDEDED; } .body_page { width: 1100px; margin: 0 auto; padding: 0; text-align: center; } .body_page_admin { width: 1100px; margin: 0 auto; padding-left: 80px; text-align: center; } .logo { background: url(/images/logo.jpg) no-repeat; height: 100px; padding-left: 80px; } .page_title_box { padding-top: 25px; padding-bottom: 25px; background-color: #EDEDED; width: 100%; display: box; } .cs_page_title_box { padding-top: 10px; padding-bottom: 18px; background-color: #EDEDED; width: 100%; display: box; } .form_box { border-radius: 10px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; padding: 0; width: 100%; background: #FFFFFF } .form_box_padding { padding: 20px; } .form_box_padding2 { padding: 40px; } .form_box_medium { border-radius: 10px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; padding: 0; width: 775px; background: #FFFFFF; margin: auto; } .form_box_title { padding-top: 20px; padding-bottom: 20px; font-size: 25px; width: 100%; text-align: center; } .form_box_spacer { padding-top: 40px; padding-bottom: 40px; } .form_col { width: 100%; text-align: center; } .form_col span { width: 400px; background-color: red; } .admin_user_edit { padding: 35px; } .admin_account_edit { width: 400px; } .styledRadio, .styledCheckbox { display: inline-block; } .message_main { width: 100%; padding-top: 35px; padding-bottom: 50px; text-align: center; display: inline-block;} .message_main .col1 { float: left; width: 25%; clear: both; text-align: right; padding: 5px 0 5px 0; background: white; } .message_main .col2 { float: left; width: 580px; overflow: hidden; display: table-cell; text-align: left; padding: 5px 0 5px 0; background: white; } .message_main .col3 { float: right; width: 22%; text-align: left; padding: 0px; background: white; } .message_main .lable { padding-right: 8px; line-height: 35px; } .message_main .form_input { width: 550px; } .message_main .recipient_input { width: 275px; } .message_main .hidden_recipient { display: none; } .message_main .mirroredText { line-height: 20px; width: 550px; height: 350px;} .message_main .form_textarea { line-height: 20px; width: 550px; height: 300px;} .message_main .submit_container { width: 100%; } .add_recipient_container {clear: both; display:inline-table; padding-top: 2px; padding-bottom: 2px; } #add_recipient_button { width: 200px; } .remove_recipient_container {clear: both; display:inline-table; padding-top: 4px; padding-bottom: 2px;} #remove_recipient_button { width: 200px; } #create_new_message { width: 100%; } .dialog_box { display: none; } .info { padding-top: 15px; text-align: left; } /*FAQ*/ .open { display: block; background: url(/images/box_images/plus.png) no-repeat; background-position: left center; padding-left: 25px;} .close { display: block; background: url(/images/box_images/minus.png) no-repeat; padding-left: 25px; } h2 { background: url(/images/box_images/plus.png) no-repeat left center; padding: 5px 0 0 25px; cursor: pointer; font-size: 18px; } h2.close { background: url(/images/box_images/minus.png) no-repeat left center;} /*.faq { border-radius: 10px; background-color: #F5D795; padding: 10px; margin-bottom: 10px; }*/ .faq { text-align: left; border-radius: 10px; background-color: #FFFFFF; margin-bottom: 15px; box-shadow: 3px 2px 6px #CCC; line-height: 45px; padding-left: 10px; } /*.faq_active { background-color: #FAC041; }*/ .faq_active { background-color: #FAC041; box-shadow: 5px 8px 5px #CCC; } .answer { text-align: left; padding-top: 15px; padding-bottom: 15px; margin-left: 25px; } .box { text-align: left; border-radius: 10px; background-color: #E6EEF7; margin-bottom: 15px; box-shadow: 3px 2px 6px #CCC; line-height: 45px; padding: 15px; } .toggle_open { display: block; background: url(/images/box_images/plus.png) no-repeat; background-position: left center; padding-left: 25px; cursor:pointer; } .toggle_close { display: block; background: url(/images/box_images/minus.png) no-repeat; padding-left: 25px; cursor:pointer; } .page_title { width: 100%; text-align: center; padding-top: 40px; padding-bottom: 40px; font-family: 'Merriweather', serif; font-size:25px; font-weight: 400; color: #333333; } .admin_menu_box { padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; } #admin_dashboard { position: fixed; height: 100%; background: #000; width: 70px; z-index: 999999999;} #admin_dashboard3 { position: fixed; height: 100%; background: #000; width: 70px; z-index: 999999999; margin-top: 120px;} .admin_dashboard2 { position: fixed; height: 100%; background: #000; width: 70px; z-index: 999999999; margin-top: 50px; } .admin_dash_label { text-align: center; padding-top: 15px; padding-bottom: 25px; } .member_boxes { width: 100%; text-align: center; display: inline-block; background: white; } .member_boxes .col1 { float: left; width: 29%; clear: both; text-align: center; background: white; } .member_boxes .col2 { float: right; width: 69%; text-align: center; background: white; margin-left:22px; } .member_boxes .colSpacer { font-size: 14px; padding: 30px 15px 30px 15px; } .sub_manage { text-align: left; padding: 15px 15px 15px 15px; font-size: 13px; font-weight: 400; color: #333333; } .sub_manage p { padding-bottom: 10px; font-size: 13px; font-weight: 400; color: #333333; } .sub_status { padding-top: 10px; padding-bottom: 10px; font-weight: 700; font-size: 13px; } .sub_status .good { color: #3F7D22; font-weight: 900; } .sub_expDate { padding-top: 5px; padding-bottom: 15px; font-weight: 700; font-size: 13px; } .sub_expDate .good { color: #3F7D22; font-weight: 900; } .account_manage { text-align: left; padding: 15px 15px 15px 15px; font-size: 13px; font-weight: 400; color: #333333; } .account_status { padding-top: 10px; padding-bottom: 15px; font-weight: 700; font-size: 13px; } .account_status .good { color: #3F7D22; font-weight: 900; } .account_manage p{ font-size: 13px; font-weight: 400; color: #333333; padding-top: 5px; padding-bottom: 5px; } .not_good { color: #B02022; } .dialog_return_to_course { width: 49%; float: left; font-size: 1.1em; } .dialog_conintue_to_next_section { width: 49%; float: right; font-size: 1.1em; } #section_menu_holder { height: auto; position:relative; } .sections_menu_scroll { z-index: 99999; position: fixed; margin-left: 0px; margin-top: -40px; top: 100px; } /*Unsent Emails*/ .unsent_main_box { border: solid 1px #828282; box-shadow: 2px 2px 5px #CCC; } #filter_text { width: 50%; } .filter_box { width: 100%; } #no_results { line-height: 100px; font-size: 16px; color: red; text-align: center; display: none; } #no_results_spacer { display: none; } #no_emails_box { height: 100px; border: solid 1px #828282; box-shadow: 2px 2px 5px #CCC; font-size: 16px; color: red; text-align: center; padding-top: 15px; } #no_emails_box .no_emails { background: red; } .message_sort { font-size: 16px; line-height: 40px; text-align: left; padding-left: 0px; text-decoration: underline; cursor: pointer; } #message_sort1 { padding-left: 10px; } #message_sort3 {text-align: center; padding-left: 20px; } .wMessage { width: 100%; display: table; } .wMessage .col1 { float: left; width: 34%; clear: both; } .wMessage .col2 { float: left; width: 35%; display: table-cell; } .wMessage .col3 { float: left; width: 12%; display: table-cell; text-align: center; } .wMessage .col4 { float: right; width: 19%; display: block; } .row_odd { background-color: #E6EEF7; } .row_even { background-color: #FFFFFF; } .wMessage_container #heading { color: white; background: #24739E; height: 40px; font-size: 18px; text-decoration: underline; text-align: left; } #filter_label1 span { font-size: 14px; padding-left: 8px; line-height: 45px; } #filter_label2 span { font-size: 14px; line-height: 45px; } #filter_label3 span { font-size: 14px; line-height: 45px; } #filter_label4 span { font-size: 14px; line-height: 45px; } .email_list_control { width: 200px; } .email_list_control input { width: 80px; } .edit_email_list { display: block; float: left; padding-left: 15px; padding-top: 4px; } .delete_email_list { display: block; float: right; padding-right: 15px; padding-top: 4px; } .SortDsc, .SortAsc, .SortNone { height: 10px; width: 10px; float: right; position: relative; top: 3px; left: 5px; } .SortAsc { background-image: url(/images/arrow-down.gif); } .SortDsc { background-image: url(/images/arrow-up.gif); } .SortNone { background-image: none; } .loading_box { width: 100%; text-align: center; display: none; } #displayMessage { display: none; width: 100%; line-height: 40px; color: #428003; font-size: 18px; padding-bottom: 50px; text-align: center; } #message_link1 { display:inherit; width:375px; cursor: pointer; line-height: 45px; padding-left: 8px; } #message_link2 { display: inherit; width:410px; cursor: pointer; line-height: 45px;} #message_link3 { display: inherit; width:115px; cursor: pointer; line-height: 45px;} /*.wMessage { width: 100%; display: table; } .wMessage .col1 { float: left; width: 34%; clear: both; } .wMessage .col2 { float: left; width: 35%; display: table-cell; } .wMessage .col3 { float: left; width: 12%; display: table-cell; text-align: center; } .wMessage .col4 { float: right; width: 19%; display: block; }*/ .col2_container { width: 100%; display: table; } .col2_container .col1 { float: left; width: 50%; clear: both; text-align: left; } .col2_container .col2 { float: right; width: 50%; text-align: left; } .col2_container .col1_verify { float: left; width: 30%; clear: both; text-align: right; padding-top: 10px; } .col2_container .col2_verify { float: right; width: 70%; text-align: left; padding-top: 10px; } /*Admin Store*/ /*Categories*/ .categories { border-collapse: collapse; width: 100%; padding: 0px; margin: 0px; } .categories .col1 { width: 70%; line-height: 45px; text-align: left; } .categories .col2 { width: 10%; line-height: 45px; text-align: left;} .categories .col3 { width: 10%; line-height: 45px; text-align: left;} .categories .col4 { width: 10%; line-height: 45px; text-align: left;} .operations { border-collapse: collapse; } .operations td { padding: 0px; text-align: center; width: 10px; } .categories span { padding-left: 8px; } /*store*/ #number { font-family: sans-serif; } .sale { color: #555555; font-size: 16px; text-decoration: line-through; font-weight: 200; font-family: sans-serif; } .number { color: #555555; font-size: 16px; font-weight: 200; font-family: sans-serif; } .number_savings { color: #555555; font-size: 12px; font-weight: 200; font-family: sans-serif; } .price { color: #B02022; font-size: 16px; font-weight: 500; font-family: sans-serif; text-align: right; } .price_savings { color: #B02022; font-size: 13px; font-weight: 500; font-family: sans-serif; } .price_label { color: #555555; font-size: 13px; font-weight: 500; } .store_category { padding-top: 40px; text-align: left; font-size: 21px; } .pricing_box { width: 65%; } .pricing_spacer { padding-top: 20px; } .item_container { width: 100%; padding-top: 15px; padding-bottom: 10px; clear: both; display: inline-block; } .item_image_col { width: 11%; float: left; clear: both; display: table-cell; text-align: center; } .item_product_col { width: 65%; float: left; text-align: left; display: table-cell; margin: auto;} .item_cart_col { width: 14%; float: right; margin: auto;} .cart_column0 { width: 30px; padding-top: 3px; float: left;} .cart_column1 { width: 30px; padding-top: 3px; float: left; padding-left: 50px; } .cart_column2 { margin: auto; float: left; text-align: left; padding-top: 6px; padding-left: 3px; } .upgrade_description { padding-left: 80px; margin-top: -5px; width: 100%; text-align: left; } .item_product_wrap a { color: #24739E; font-weight: 600; text-decoration: none; font-size: 16px; } .item_product_wrap a:hover { color: #55A601; font-weight: 600; text-decoration: none; } .item_product_wrap a:active { color: #4BA5D6; font-weight: 600; text-decoration: none; } .item_product_wrap a:visited { color: #24739E; font-weight: 600; text-decoration: none; } .item_product_wrap a:visited:hover { color: #55A601; font-weight: 600; text-decoration: none; } .review_item_container { width: 100%; padding-top: 15px; padding-bottom: 10px; clear: both; display: inline-block; } .review_item_image_col { width: 20%; float: left; margin: auto; } .review_item_product_col { width: 60%; float: left; text-align: left; display: table-cell; margin: auto;} .reivew_item_cart_col { width: 20%; float: right; margin: auto;} .review_item_details { padding-top: 15px; text-align: left; font-size: 14px; } .line_box { border-bottom: 1px solid #ccc; width: 100%; text-align: left; } .white_line_box { border-bottom: 1px solid #FFF; width: 100%; text-align: left; } .item_spacer { border-bottom: 1px solid #CCCCCC; } .item_product_wrap { padding-left: 10px; font-size: 20px; font-weight: 600; } .item_details { padding-top: 10px; font-size: 14px; } .item_details p { font-size: 13px; } .item_price { padding-top: 15px; } .savings { padding-top: 3px; } #add_cart { width: 150px; } .left_in_stock { text-align: center; color: #24739E; padding-top: 8px; } .cart_container { width: 100%; padding-top: 8px; padding-bottom: 10px;; clear: both; display: inline-block; } .cart_image_col { width: 8%; float: left; clear: both; display: table-cell; text-align: center; } .cart_product_col { width: 72%; float: left; text-align: left; display: table-cell; margin: auto;} .remove_item { padding-top: 10px; } .price_quantity {width: 28%; text-align: center; display: inline-block; } .price_quantity .price_box { width: 50%; float: left; line-height: 35px; text-align: left; } .price_quantity .quantity { width: 50%; float: right; text-align: right; } .price_quantity .price_box p { padding-right: 5px; text-align: left; } .quantity_spacer { padding-right: 0px; } .change_quantity { width: 72px; } .cart_price { padding-top: 8px; } .cart_subtotal { padding-top: 10px; width: 100%; text-align: right; font-weight: 600; font-size: 18px; } .cart_subtotal p { padding-right: 25px; } .subtotal { color: #B02022; font-size: 18px; font-weight: 700; font-family: sans-serif; } .cart_empty { padding-top: 10px; font-size: 16px; color: #B02022; width: 100%; text-align: center; } .empty_cart_continue_shopping { width: 100%; text-align: center; padding-top: 40px; } .checkout_address { width: 100%; display: inline-block; text-align: left; } .checkout_label_col { width: 17%; float: left; margin: auto; font-size: 16px; font-weight: 700; } .checkout__address_col { width: 73%; float: left; display: table-cell; margin: auto; font-size: 14px; } .checkout_products_col { font-size: 16px; text-align: left; font-weight: 700; } .checkout_button_col { width: 10%; float: right; margin: auto; } .checkout_label_change { width: 100%; margin: auto; } .checkout_label_change td { font-size: 16px; font-weight: 700; color: #B02022; } #update_shipping_address { display: none; } #update_billing_address { display: none; } .missing_form_item { color: #B02022; } .checkout_item_name { text-align: left; font-size: 15px; } .checkout_item_quantity { font-size: 13px; } .checkout_item_price { color: #B02022; font-size: 13px; font-weight: 600; } .checkout_item_shipping { font-size: 13px; } .checkout_totals { display: inline-block; text-align: left; } .checkout_totals p { font-weight: 700; font-size: 14px; padding-top: 10px; } .checkout_totals .total { font-weight: 700; font-size: 19px; padding-top: 10px; } .checkout_totals .total_price { color: #B02022; font-weight: 700; font-size: 19px; padding-top: 10px; } .checkout_totals_col1 { float: left; padding-right: 40px; } .checkout_totals_col2 { float: right; } .center_page { width: 100%; text-align: center; } .terms { width: 95%; padding-bottom: 15px; text-align: left; } .homepage { width: 100%; background-color: #FFFFFF; } .home0 { width: 1100px; padding-top: 35px; padding-bottom: 25px; font-size: 22px; margin-left: auto ; margin-right: auto ; } .home1 { width: 100%; background: #E8E8E8; font-size: 16px; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; display: table; text-align: center; } .home1 .welcome_container { width: 1100px; min-width: 1100px; padding-top: 25px; font-size: 16px; text-align: center; } .home1 .welcome_left { float: left; width: 15%; font-size: 17px; text-align: left; font-weight: bold; } .home1 .welcome_center { float: left; width: 65%; font-size: 17px; text-align: center; font-weight: bold; } .home1 .welcome_right { float: right; width: 20%; font-size: 17px; text-align: right; font-weight: bold; } .home1 .welcome_content1 { display: table; font-size: 17px; text-align: center; font-weight: bold; } .home1 .welcome_content2 { padding-top: 25px; font-size: 16px; text-align: left; line-height: 28px; } .home1 .content1 { width: 1100px; min-width: 1100px; font-size: 17px; text-align: center; font-weight: bold; margin-right: auto; margin-left: auto; } .home1 .content2 { width: 1100px; min-width: 1100px; padding-top: 25px; font-size: 16px; text-align: center; } .main1100 { width: 1100px; min-width: 1100px; text-align: center; background: red; display: block; } .content1 { width: 1100px; min-width: 1100px; font-size: 17px; text-align: center; font-weight: bold; } .home2 { width: 100%; padding-top: 0px; padding-bottom: 0px; font-size: 16px; text-align: center; background-color: #FFFFFF; } .home2 .content1 { font-weight: bold; text-align: left; font-size: 18px; width: 1100px; min-width: 1100px; max-width: 1100px; display: inline-block; text-align: center; } .home2 .content2 { padding-top: 0px; text-align: left; font-size: 14px; width: 1100px; min-width: 1100px;} .home2 .content2 li { padding-top: 15px; } .home3 { background: #E8E8E8; font-size: 16px; padding-top: 35px; padding-bottom: 35px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC;} .home3 .content1 { width: 1100px; min-width: 1100px; max-width: 1100px; display: inline-block; text-align: center; font-size: 15px; } .home4 { font-size: 16px; padding-top: 80px; padding-bottom: 65px; } .home4 .content1 { width: 1100px; min-width: 1100px; font-size: 15px; text-align: center; } .bullet_td { text-align: left; } .homeBullets { padding-left: 10px; line-height: 19px; } .green { color: #3F7D22; font-weight: 700; } .home_image_column { padding-top: 25px; text-align: right; } .home_column2_guarantee { padding-left: 50px; padding-top: 0px; } #add_session_note { width: 100%; background: #E1EEFA; } .session_notes_field { width: 620px; } .session_notes_field2 { width: 400px; padding-top: 10px; } .session_notes_field3 { width: 215px; padding-top: 10px; } .part_box { padding-top: 5px; } .participant1 { width: 50%; float: right; } .participant1 { width: 50%; float: left; } #remove_part { line-height: 34px; height: 34px; } .list_box { background-color: #343538; text-align: center; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; } .list_box:hover{ background:#00BCFF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; } .list_box_active{ background:#008DBF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; } .list_box_active:hover{ background:#008DBF; text-align: center; position:relative; color:#FFFFFF; border: none; font-weight:bold; cursor:pointer; line-height: 100%; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; } .centered { width: 100%; text-align: center; margin: 0px auto; } #thin_button { height: 30px; line-height: 25px; } .course_page { padding-top: 15px; padding-bottom: 0px; background: #EDEDED; display: table; height: 100%; width:100%; } .course_page_col1 { vertical-align: top; width: 25%; text-align: center; background: #EDEDED; display: table-cell;} .course_page_col1_container { text-align: center; background: #EDEDED; padding-right: 25px; display: table-cell;} .course_page_col2 { padding-top: 0px; vertical-align: top; width: 75%; text-align: center; background: #FFFFFF; padding-bottom: 20px; display: table-cell;} .course_page_break { background: red; padding-top: 15px; width: 100%; } .course_page_block { text-align: center; padding-top: 15px; padding-bottom: 25px; } .course_page_block_small { text-align: center; padding-top: 15px; padding-bottom: 0px; } .course_page_end { padding-top: 15px; } .course_page_premium_price { font-size: 21px; color: #B02022; font-weight: 600; font-family: sans-serif; text-align: center; width: 100%; } .blue_link:link { color: #5CD4FF; font-size: 14px; } .blue_link:visited { color: #5CD4FF; font-size: 14px; } .blue_link:active { color: #5CD4FF; font-size: 14px; } .blue_link:hover { color: #A8E8FF; font-size: 14px; } .courses_page { width: 100%; } .your_courses { text-decoration: none;text-align: left; border: 1px solid #CCC; background-color: #FFFFFF; margin-bottom: 0px; color: #333; } .your_courses:hover { text-decoration: none;text-align: left; border: 1px solid #CCC; background-color: #00BCFF; margin-bottom: 0px; color: #333; } .courses_box { text-decoration: none; display: block; width: 100%; background: url(/images/box_images/plus.png) no-repeat left center; padding: 3px 10px 0 25px; cursor: pointer; margin-left: 15px; } .courses_box:hover { text-decoration: none; display: block; width: 100%; padding-top: 15px; background: url(/images/box_images/plus_white.png) no-repeat left center; padding: 3px 10px 0 25px; cursor: pointer; margin-left: 15px; color: #FFFFFF; } .your_course {text-decoration: none; height: 50px; line-height: 50px; } .your_course_name { float: left; width: 60%; padding-top: 15px; font-size: 18px; font-weight: 700; } .your_course_ready { float: right; width: 40%; text-align: center; padding-top: 15px; font-size: 15px; font-weight: 700; } .your_course_rest { float: right; width: 20%; } /*.open { display: block; background: url(/images/box_images/plus.png) no-repeat; background-position: left center; padding-left: 25px;} .close { display: block; background: url(/images/box_images/minus.png) no-repeat; padding-left: 25px; } */ .box { text-align: left; border-radius: 10px; background-color: #E6EEF7; margin-bottom: 15px; box-shadow: 3px 2px 6px #CCC; line-height: 45px; padding: 15px; } .toggle_open { display: block; background: url(/images/box_images/plus.png) no-repeat; background-position: left center; padding-left: 25px; cursor:pointer; } .toggle_close { display: block; background: url(/images/box_images/minus.png) no-repeat; padding-left: 25px; cursor:pointer; } /* New Course CSS */ .course_content { font-size: 16px; line-height: 24px; text-align: justify; padding-top: 25px; } .course_section_title { font-size: 20px; color: #008DBF; font-weight: bold; } .section_title { font-size: 20px; color: #008DBF; font-weight: bold; text-align: left; margin-top: 0px; padding-top: 35px; } .centered_section_title { font-size: 23px; color: #008DBF; font-weight: bold; text-align: center; margin-top: 0px; padding-top: 35px; } .course_page_col2_container { text-align: center; background: #FFFFFF; padding: 0 25px 0px 25px; display: table-cell; width: 100%; } .content_quote { font-size: 14px; font-style: italic; padding-top: 10px; } /* End New Course CSS */ .course_material_spacer { padding-top: 25px;} .course_quote { font-size: 14px; font-style: italic; } .course_material { font-size: 16px; line-height: 24px; text-align: justify; padding-top: 25px; } .course_bullet { font-size: 16px; line-height: 24px; text-align: justify; } .course_box_course_name { font-size: 18px; color: #FFFFFF; } .course_page_title { border-top: #CCC 1px solid; font-family: 'Merriweather', serif; font-size:21px; font-weight: 400; color: #333333; padding-top: 25px; } .first_course_page_title { font-family: 'Merriweather', serif; font-size:21px; font-weight: 400; color: #333333; padding-top: 15px; } .course_available { padding-top: 15px; } .course_page_button_spacer { padding-top: 10px; } .certificate_column_left { width: 59%; text-align: right; float: left; } .certificate_column_right { width: 41%; text-align: left; float: right; } .course_premium_price { font-size: 21px; color: #B02022; font-weight: 300; font-family: sans-serif; text-align: right; } .course_textarea { box-sizing: border-box; /* For IE and modern versions of Chrome */ -moz-box-sizing: border-box; /* For Firefox */ -webkit-box-sizing: border-box; /* For Safari */ } .store_item_title { font-size: 18px; color: #008DBF; } .cart_item_holder { border-bottom: solid #999 1px; padding-bottom: 18px; padding-top: 18px; display: table; width: 100%; vertical-align: middle; height: 100%; } .cart_item_left { float:left; width: 80%; text-align: left; display: table-cell; } .cart_item_middle { float: left; width: 12%; display: table-cell; padding-top: 14px; } .cart_item_right { float: right; width: 8%; display: table-cell; padding-top: 14px; } .exam_question { font-size: 17px; color: #333333; line-height: 25px; } .exam_padding { padding-top: 10px; } .exam_question_spacer { padding-top: 35px; } .exam_question_col_1 { width: 30px; padding-top: 3px;} .exam_question_col_2 { width: 100%; } .course_line td { border-bottom: 1px solid #333333; padding: 15px 0 15px 0; } .course_info_box { border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; } .guarentee_text_box { float: left; height: 100%; width: 75%; } .guarentee_image_box { float: right; width: 25%; } .column_div { display: inline-block; width: 100%; height: 100%; } .column_container { display: inline-block; width: 100%; } .column_container2 { display: table; width: 100%; display: inline-block; } .column_half_left { width: 50%; float: left; } .column_half_right { width: 50%; float: right; } .cs_subjects_holder { display: block; } .cs_subject { clear: both; padding-bottom: 50px; padding-top: 50px; } .cs_subject_title { border-bottom: 1px solid #333333; line-height: 40px; width: 100%; text-align: center; } .cs_sections_holder { padding-top: 25px; } .home_blue { font-size: 15px; } .cs_section_1 { display: block; float: left; width: 50%; text-align: left; line-height: 35px; } .cs_section_2 { display: block; float: right; width: 50%; text-align: left; line-height: 35px; } .cs_checked { display: block; float: left; width: 20px; height: 20px; padding-right: 5px; margin-top: 3px; background-image: url(/images/checked_blue.png); background-repeat: no-repeat; } .cs_unchecked { display: block; float: left; width: 20px; height: 20px; padding-right: 5px; padding-top: 5px; } .container { width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container .wrapper { width: 95%; overflow: hidden; margin: 0px auto; } .container.section { color: #00aced; } .container.section .holder { width: 95%; /* padding: 20px 50px;*/ background: #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container.section .holder { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .container.section .code { background: none; } .container.section .code h2 { margin-top: 0px; color: #777; } .container label { display: block; overflow: hidden; cursor: pointer; padding: 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .container table:hover { color: white; overflow: hidden; cursor: pointer; padding: 0px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background:#00BCFF; } .container .exam_check_container { padding-left: 25px; } .container label > * { display: inline-block; vertical-align: middle; } .container label > span { margin-left: 8px; font-size: 18px; margin-top: -4px; } .container #status { text-align: center; font-size: 20px; margin-bottom: 0px; } .container#checkbox span + .custom-checkbox { display: inline-block; margin-left: 15px; } /* DEMO 1 */ .wrapper-]down-1 { /* Size and position */ position: relative; /* Enable absolute positionning for children and pseudo elements */ width: 200px; padding: 10px; margin: 0 auto; /* Styles */ background: #9bc7de; color: #fff; outline: none; cursor: pointer; /* Font settings */ font-weight: bold; } .wrapper-dropdown-1:after { content: ""; width: 0; height: 0; position: absolute; right: 16px; top: 50%; margin-top: -6px; border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent #fff; } .wrapper-dropdown-1 .dropdown { /* Size & position */ position: absolute; top: 100%; left: 0; right: 0; /* Styles */ background: #fff; list-style: none; font-weight: normal; /* Cancels previous font-weight: bold; */ /* Hiding */ opacity: 0; pointer-events: none; } .wrapper-dropdown-1 .dropdown li a { display: block; text-decoration: none; color: #9e9e9e; padding: 10px 20px; } /* Hover state */ .wrapper-dropdown-1 .dropdown li:hover a { background: #f3f8f8; } /* Active state */ .wrapper-dropdown-1.active .dropdown { opacity: 1; pointer-events: auto; } .wrapper-dropdown-1.active:after { border-color: #9bc7de transparent; border-width: 6px 6px 0 6px ; margin-top: -3px; } .wrapper-dropdown-1.active { background: #9bc7de; background: -moz-linear-gradient(left, #9bc7de 0%, #9bc7de 78%, #ffffff 78%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9bc7de), color-stop(78%,#9bc7de), color-stop(78%,#ffffff), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(left, #9bc7de 0%,#9bc7de 78%,#ffffff 78%,#ffffff 100%); background: -o-linear-gradient(left, #9bc7de 0%,#9bc7de 78%,#ffffff 78%,#ffffff 100%); background: -ms-linear-gradient(left, #9bc7de 0%,#9bc7de 78%,#ffffff 78%,#ffffff 100%); background: linear-gradient(to right, #9bc7de 0%,#9bc7de 78%,#ffffff 78%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bc7de', endColorstr='#ffffff',GradientType=1 ); } /* No CSS3 support */ .no-opacity .wrapper-dropdown-1 .dropdown, .no-pointerevents .wrapper-dropdown-1 .dropdown { display: none; opacity: 1; /* If opacity support but no pointer-events support */ pointer-events: auto; /* If pointer-events support but no pointer-events support */ } .no-opacity .wrapper-dropdown-1.active .dropdown, .no-pointerevents .wrapper-dropdown-1.active .dropdown { display: block; } /* DEMO 2 */ .drop_text_box { font-family: inherit; font-size: inherit; } .dropdown-3_li_title { font-size: 21px; display: block; padding: 10px; text-decoration: none; color: #333; border-bottom: 1px solid #333; box-shadow: inset 0 1px 0 rgba(255,255,255,1); text-align: center; z-index: 4444; cursor:text; } .wrapper-dropdown-3 { position: relative; width: 785px; margin: 0 auto; padding: 10px; background: #fff; border-radius: 7px; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 1px 1px rgba(50,50,50,0.1); cursor: pointer; outline: none; text-align: center; font-family: 'Merriweather', serif; font-size:25px; font-weight: 400; color: #008DBF; z-index: 99; } .wrapper-dropdown-3:after { content: ""; width: 0; height: 0; position: absolute; right: 15px; top: 50%; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #8aa8bd transparent; } .wrapper-dropdown-3 .dropdown { position: absolute; top: 140%; left: 0; right: 0; background: white; border-radius: inherit; border: 1px solid rgba(0,0,0,0.17); box-shadow: 0 0 5px rgba(0,0,0,0.1); font-weight: normal; text-align: left; list-style: none; opacity: 0; pointer-events: none; z-index: 99; } .wrapper-dropdown-3 .dropdown:after { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 15px; border-width: 0 6px 6px 6px; border-style: solid; border-color: #fff transparent; } .wrapper-dropdown-3 .dropdown:before { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 13px; border-width: 0 8px 8px 8px; border-style: solid; border-color: rgba(0,0,0,0.1) transparent; } .wrapper-dropdown-3 .dropdown li a { display: block; padding: 10px; text-decoration: none; color: #008DBF; border-bottom: 1px solid #e6e8ea; z-index: 99; } .wrapper-dropdown-3 .dropdown li i { float: right; color: inherit; } .wrapper-dropdown-3 .dropdown li:first-of-type a { border-radius: 7px 7px 0 0; } .wrapper-dropdown-3 .dropdown li:last-of-type a { border: none; border-radius: 0 0 7px 7px; } /* Hover state */ .wrapper-dropdown-3 .dropdown li:hover a { background: #008DBF; color: #FFFFFF; } /* Active state */ .wrapper-dropdown-3.active .dropdown { opacity: 1; pointer-events: auto; } .active { z-index: 9999; } .inactive { z-index: 1; } /* No CSS3 support */ .no-opacity .wrapper-dropdown-3 .dropdown, .no-pointerevents .wrapper-dropdown-3 .dropdown { display: none; opacity: 1; /* If opacity support but no pointer-events support */ pointer-events: auto; /* If pointer-events support but no pointer-events support */ } .no-opacity .wrapper-dropdown-3.active .dropdown, .no-pointerevents .wrapper-dropdown-3.active .dropdown { display: block; } .wrapper-dropdown-5 { width: 200px; text-decoration: none; background-color: #343538; text-align: center; margin: 0 auto; position:relative; color:#FFFFFF; font-weight:bold; cursor:pointer; outline: none; line-height: 50px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; display:block; z-index: 9999; } .wrapper-dropdown-5:hover { background:#00BCFF; } .wrapper-dropdown-5:after { /* Little arrow */ content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #4cbeff transparent; } .wrapper-dropdown-5 .dropdown { /* Size & position */ position: absolute; top: 100%; left: 0; right: 0; /* Styles */ background: #fff; border-radius: 0 0 5px 5px; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; /* Hiding */ max-height: 0; overflow: hidden; z-index: 99; } .wrapper-dropdown-5 .dropdown li { padding: 0 10px ; } .wrapper-dropdown-5 .dropdown li a { line-height: 35px; display: block; text-align: left; text-decoration: none; color: #333; padding: 10px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; } .wrapper-dropdown-5 .dropdown li:last-of-type a { border: none; } .wrapper-dropdown-5 .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; } /* Hover state */ .wrapper-dropdown-5 .dropdown li:hover a { color: #57a9d9; } /* Active state */ .wrapper-dropdown-5.active { border-radius: 5px 5px 0 0; background: #4cbeff; box-shadow: none; border-bottom: none; color: white; } .wrapper-dropdown-5.active:after { border-color: #82d1ff transparent; } .wrapper-dropdown-5.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 400px; } .container { width: 100%; position: relative; } .clr { clear: both; padding: 0; height: 0; margin: 0; } .container > header { margin: 10px; padding: 20px 10px 10px 10px; position: relative; display: block; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); text-align: center; } .container > header h1 { font-size: 30px; line-height: 38px; margin: 0; position: relative; font-weight: 300; color: #666; text-shadow: 1px 1px 1px rgba(255,255,255,0.7); } .container > header h2 { font-size: 14px; font-weight: 300; margin: 0; padding: 15px 0 5px 0; color: #888; font-family: Cambria, Georgia, serif; font-style: italic; text-shadow: 1px 1px 1px rgba(255,255,255,0.9); } /* Header Style */ .codrops-top { line-height: 24px; font-size: 11px; background: #fff; background: rgba(255, 255, 255, 0.5); text-transform: uppercase; z-index: 9999; position: relative; font-family: Cambria, Georgia, serif; box-shadow: 1px 0px 2px rgba(0,0,0,0.2); } /* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ .codrops-top:before, .codrops-top:after { content: " "; /* 1 */ display: table; /* 2 */ } .codrops-top:after { clear: both } .codrops-top a { padding: 0px 10px; letter-spacing: 1px; color: #333; display: inline-block; } .codrops-top a:hover { background: rgba(255,255,255,0.6); } .codrops-top span.right { float: right; } .codrops-top span.right a { float: left; display: block; } /* Demo Buttons Style */ .codrops-demos { text-align:center; display: block; line-height: 30px; padding: 5px 0px; } .codrops-demos a { display: inline-block; margin: 0px 4px; padding: 0px 6px; color: #aaa; line-height: 20px; font-size: 12px; font-weight: 700; text-shadow: 1px 1px 1px #fff; border: 1px solid #fff; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .codrops-demos a:hover { color: #333; background: #fff; } .codrops-demos a:active { background: #fff; } .codrops-demos a.current-demo, .codrops-demos a.current-demo:hover { background: #f0f0f0; border-color: #d9d9d9; color: #aaa; box-shadow: 0 1px 0 rgba(255,255,255,0.3); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ } .support-note span { color: #ac375d; font-size: 16px; display: none; font-weight: bold; text-align: center; padding: 5px 0; } .no-cssanimations .support-note span.no-cssanimations, .no-csstransforms .support-note span.no-csstransforms, .no-csstransforms3d .support-note span.no-csstransforms3d, .no-csstransitions .support-note span.no-csstransitions { display: block; } @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: top; font-size: 1.3333333333333333em; } .btn [class^="icon-"], .btn [class*=" icon-"] { /* keeps button heights with and without icons the same */ line-height: .9em; } li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] { /* 1.5 increased font size for icon-large * 1.25 width */ width: 1.875em; } li[class^="icon-"], li[class*=" icon-"] { margin-left: 0; list-style-type: none; } li[class^="icon-"]:before, li[class*=" icon-"]:before { text-indent: -2em; text-align: center; } li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { text-indent: -1.3333333333333333em; } .bring_to_front { z-index: 9999999999; } .bring_to_back { z-index: 10; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before { content: "\f01e"; } /* \f020 doesn't work in Safari. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-user-md:before { content: "\f200"; } .dialog-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 999999; } .dialog-overlay2 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 999999; } .dialog-overlay3 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 999; } .dialog-overlay4 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 9999; } .dialog-overlay5 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 99999999; } .dialog,.dialog2, .dialog_tos { height: auto; width: 600px; background-color: #fff; padding: 20px; text-align: center; max-width: 1100px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999999999; } .dialog_payment { height: 125px; width: 600px; z-index: 3; background-color: #fff; padding: 20px; text-align: center; max-width: 80%; position: fixed; top: 50%; left: 50%; padding-bottom: 30px; transform: translate(-50%,-50%); z-index: 99999999; } .dialog_exam_requirement { height: auto; width: 600px; z-index: 3; background-color: #fff; padding: 20px; text-align: justify; max-width: 80%; position: fixed; top: 50%; left: 50%; padding-bottom: 30px; transform: translate(-50%,-50%); z-index: 99999999; } .dialog_tos { z-index: 3; background-color: #fff; padding: 0px; text-align: center; max-width: 1100px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9999999; } .tos_display_box { background: white; width: 100%; height: 500px; padding: 20px; overflow-x: hidden; overflow-y: scroll; } .close_dialog_main { position: absolute; top: -15px; right: -55px; cursor: pointer; } .dialog-overlay[aria-hidden="true"], .dialog[aria-hidden="true"] { display: none; } .dialog-overlay:not([aria-hidden="true"]), .dialog:not([aria-hidden="true"]) { display: block; } .sr-only { opacity: 0; position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .dialog_container { display: none; } .mobile_div_spacer_small { display: none; } .mobile_div_spacer { display: none; } .mobile_button_spacer { display: none; } .mobile_menu_container { display: none; } .wMessage { border-collapse: collapse; width: 100%; padding: 0px; margin: 0px; } .client_col1 { width: 22%; line-height: 45px; text-align: left; box-sizing: border-box; float: left; border-top: 1px solid #fff; } .client_col2 { width: 10%; line-height: 45px; text-align: center; box-sizing: border-box; float: left; border-top: 1px solid #fff; border-left: 1px solid #fff; } .client_col3 { width: 10%; line-height: 45px; text-align: center; box-sizing: border-box; float: left; border-top: 1px solid #fff; border-left: 1px solid #fff; } .client_col4 { width: 35%; line-height: 45px; text-align: left; box-sizing: border-box; float: left; border-top: 1px solid #fff; border-left: 1px solid #fff; } .client_col5 { width: 13%; line-height: 45px; text-align: left; box-sizing: border-box; float: left; border-top: 1px solid #fff; border-left: 1px solid #fff; } .client_col6 { width: 10%; line-height: 45px; text-align: left; box-sizing: border-box; float: right; border-top: 1px solid #fff; border-left: 1px solid #fff; } #heading_label { background: #343538; color: #FFFFFF; } .client_box { padding-left: 8px; } .new_row_odd { background-color: #D8E1ED; } .new_row_even { background-color: #E6EEF7; } .message_sort { text-align: center; } .loading { display: none; width:100px; height:100px; position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; } .dialog_buttons_holder { width: 97%; margin: auto; } .our_phone { position: relative; height: 0px; width: 0px; } .our_phone span { position: absolute; width: 125px; top: 25px; left: 425px; } .account_info_text { padding-top: 4px; } .change_email_error { position: absolute; right:0px; top: 50px; text-align: center; width: 100%; display: none; color: #B02022; } .change_password_error { position: absolute; right:0px; top: 50px; text-align: center; width: 100%; display: none; color: #B02022; } .form_error_message_container { color: #B02022; height: 45px; text-align: center; padding-top: 15px; } .verify_input { width: 450px; height: 35px; border-radius: 3px; border: 1px solid #CCC; padding: 4px 10px 4px 10px; font-weight: 400; font-size: 15px; font-family: 'Merriweather', serif; box-shadow: 1px 1px 5px #CCC;} .verify_main { width: 100%; text-align: justify; } .home1_column1 { float: left; display: table-cell; width: 75%; } .home1_column2 { float: right; display: table-cell; width: 25%; text-align: right; } .error_box { border-style:solid; border-color:red; width: 800px; } .account_info_col1 { float:left; width: 16%; display: table-cell; text-align: left; } .account_info_col2 { float:right; width: 84%; display: table-cell; text-align: left; } .recover_column1 { float:left; width: 25%; display: table-cell; text-align: right; } .recover_column2 { float:left; width: 75%; display: table-cell; text-align: left; } .recover_column1 span { display:inline-block; padding-right: 25px; padding-top: 15px; } .recover_column2 span { display:inline-block; width: 80%; } .paragraph1 { padding-top: 0px; text-align: left; line-height: 25px; } .paragraph2 { padding-top: 25px; text-align: left; line-height: 25px; } .course_info_column_container { display: table; width: 100%; } .course_info_column1 { float: left; width: 60%; display: block; height: 75px; text-align: left; position:relative; border-bottom: 1px solid gray; } .course_info_column2 { float: left; width: 15%; display: block; height: 75px; text-align: center; position:relative; border-bottom: 1px solid gray;} .course_info_column3 { float: left; width: 10%; display: block; height: 75px; text-align: center; position:relative; border-bottom: 1px solid gray; } .course_info_column4 { float: right; width: 15%; display: block; height: 75px; text-align: center; position:relative; border-bottom: 1px solid gray;} .course_info_column1 span { position:absolute; top:35%; padding-left: 15px; } .course_info_column2 span { position:absolute; top:20%; left: 35%; } .course_info_column3 span { position:absolute; top:35%; left: 25%; } .course_info_column4 span { position:absolute; top:25%; left: 5%; } .tab_padding { padding: 0px; } #hours_id1 { width: 125px; } .courses_width1 { width: 60%; float: left; border-bottom: 1px #333 solid; text-align: left; clear: both; } .courses_width2 { width: 15%; float: left; border-bottom: 1px #333 solid; } .courses_width3 { width: 10%; float: left; border-bottom: 1px #333 solid; } .courses_width4 { width: 15%; float: right; border-bottom: 1px #333 solid; } .course_prices_span1 { display: block; vertical-align: middle; line-height: 60px; height: 60px; padding-left: 6px; } .course_prices_span { display: block; vertical-align: middle; line-height: 60px; height: 60px;} .course_prices_span_price { display: block; vertical-align: middle; line-height: 60px; height: 60px; color: #B02022; font-weight: 700; } .course_prices_span_button { padding-top: 11px; padding-left: 12px; width: 150px; } .course_pricing_labels_phone { display: none; } .assessment_width1 { width: 75%; float: left; border-bottom: 1px #333 solid; text-align: left; clear: both; } .assessment_width2 { width: 10%; float: left; border-bottom: 1px #333 solid; } .assessment_width3 { width: 15%; float: right; border-bottom: 1px #333 solid; } .pricing_course_name { font-size: 16px; } .pricing_course_name_large { font-size: 31px; } .padding_60 { padding-top: 60px; } .pc_hidden { display: none; } .show_phone { display: none; } .show_tab { display: none; } .phone_show { display: none; } .hide_pc { display: none; } .footer_left { padding-left: 15px; float: left; display: table-cell; } .footer_links { margin-left: auto; margin-right: auto; width: 700px; text-align: center; } .mobile_footer_spacer { display: none; } /*! Blue Monday Skin for jPlayer 2.9.2 ~ (c) 2009-2014 Happyworm Ltd ~ MIT License */ /* * Skin for jPlayer Plugin (jQuery JavaScript Library) * http://www.jplayer.org * * Skin Name: Blue Monday * * Copyright (c) 2010 - 2014 Happyworm Ltd * Licensed under the MIT license. * - http://www.opensource.org/licenses/mit-license.php * * Author: Silvia Benvenuti * Skin Version: 5.1 (jPlayer 2.8.0) * Date: 13th November 2014 */ .jp-audio *:focus, .jp-audio-stream *:focus, .jp-video *:focus { /* Disable the browser focus highlighting. */ outline: none; } .jp-audio button::-moz-focus-inner, .jp-audio-stream button::-moz-focus-inner, .jp-video button::-moz-focus-inner { /* Disable the browser CSS3 focus highlighting. */ border: 0; } .jp-audio, .jp-audio-stream, .jp-video { font-size: 16px; font-family: Verdana, Arial, sans-serif; line-height: 1.6; color: #666; border: 1px solid #009be3; background-color: #eee; } .jp-audio { width: 420px; } .jp-audio-stream { width: 182px; } .jp-video-270p { width: 480px; } .jp-video-360p { width: 640px; } .jp-video-full { /* Rules for IE6 (full-screen) */ width: 480px; height: 270px; /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */ position: static !important; position: relative; } /* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */ .jp-video-full div div { z-index: 1000; } .jp-video-full .jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */ overflow: hidden; } .jp-video-full .jp-gui { position: fixed !important; position: static; /* Rules for IE6 (full-screen) */ top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; /* 1 layer above the others. */ } .jp-video-full .jp-interface { position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */ bottom: 0; left: 0; } .jp-interface { position: relative; background-color: #eee; width: 100%; } .jp-audio .jp-interface { height: 80px; } .jp-audio-stream .jp-interface { height: 80px; } .jp-video .jp-interface { border-top: 1px solid #009be3; } /* @group CONTROLS */ .jp-controls-holder { clear: both; width: 440px; margin: 0 auto; position: relative; overflow: hidden; top: -8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */ } .jp-interface .jp-controls { margin: 0; padding: 0; overflow: hidden; } .jp-audio .jp-controls { width: 380px; padding: 20px 20px 0 20px; } .jp-audio-stream .jp-controls { position: absolute; top: 20px; left: 20px; width: 142px; } .jp-video .jp-type-single .jp-controls { width: 78px; margin-left: 200px; } .jp-video .jp-type-playlist .jp-controls { width: 134px; margin-left: 172px; } .jp-video .jp-controls { float: left; } .jp-controls button { display: block; float: left; overflow: hidden; text-indent: -9999px; border: none; cursor: pointer; } .jp-play { width: 40px; height: 40px; } .jp-play { background: url("/images/player/jplayer.blue.monday.jpg") 0 0 no-repeat; } .jp-play:focus { background: url("/images/player/jplayer.blue.monday.jpg") -41px 0 no-repeat; } .jp-state-playing .jp-play { background: url("/images/player/jplayer.blue.monday.jpg") 0 -42px no-repeat; } .jp-state-playing .jp-play:focus { background: url("/images/player/jplayer.blue.monday.jpg") -41px -42px no-repeat; } .jp-stop, .jp-previous, .jp-next { width: 28px; height: 28px; margin-top: 6px; } .jp-stop { background: url("/images/player/jplayer.blue.monday.jpg") 0 -83px no-repeat; margin-left: 10px; } .jp-stop:focus { background: url("/images/player/jplayer.blue.monday.jpg") -29px -83px no-repeat; } .jp-previous { background: url("/images/player/jplayer.blue.monday.jpg") 0 -112px no-repeat; } .jp-previous:focus { background: url("/images/player/jplayer.blue.monday.jpg") -29px -112px no-repeat; } .jp-next { background: url("/images/player/jplayer.blue.monday.jpg") 0 -141px no-repeat; } .jp-next:focus { background: url("/images/player/jplayer.blue.monday.jpg") -29px -141px no-repeat; } /* @end */ /* @group progress bar */ .jp-progress { text-align: left; overflow: hidden; background-color: #ddd; } .jp-audio .jp-progress { position: absolute; top: 32px; height: 15px; } .jp-audio .jp-type-single .jp-progress { left: 110px; width: 186px; } .jp-audio .jp-type-playlist .jp-progress { left: 166px; width: 130px; } .jp-video .jp-progress { top: 0px; left: 0px; width: 100%; height: 10px; } .jp-seek-bar { background: url("/images/player/jplayer.blue.monday.jpg") 0 -202px repeat-x; width: 0px; height: 100%; cursor: pointer; } .jp-play-bar { background: url("/images/player/jplayer.blue.monday.jpg") 0 -218px repeat-x; width: 0px; height: 100%; } /* The seeking class is added/removed inside jPlayer */ .jp-seeking-bg { background: url("/images/player/jplayer.blue.monday.seeking.gif"); } /* @end */ /* @group volume controls */ .jp-state-no-volume .jp-volume-controls { display: none; } .jp-volume-controls { position: absolute; top: 32px; left: 308px; width: 200px; } .jp-audio-stream .jp-volume-controls { left: 70px; } .jp-video .jp-volume-controls { top: 12px; left: 50px; } .jp-volume-controls button { display: block; position: absolute; overflow: hidden; text-indent: -9999px; border: none; cursor: pointer; } .jp-mute, .jp-volume-max { width: 18px; height: 15px; } .jp-volume-max { left: 74px; } .jp-mute { background: url("/images/player/jplayer.blue.monday.jpg") 0 -170px no-repeat; } .jp-mute:focus { background: url("/images/player/jplayer.blue.monday.jpg") -19px -170px no-repeat; } .jp-state-muted .jp-mute { background: url("/images/player/jplayer.blue.monday.jpg") -60px -170px no-repeat; } .jp-state-muted .jp-mute:focus { background: url("/images/player/jplayer.blue.monday.jpg") -79px -170px no-repeat; } .jp-volume-max { background: url("/images/player/jplayer.blue.monday.jpg") 0 -186px no-repeat; } .jp-volume-max:focus { background: url("/images/player/jplayer.blue.monday.jpg") -19px -186px no-repeat; } .jp-volume-bar { position: absolute; overflow: hidden; background: url("/images/player/jplayer.blue.monday.jpg") 0 -250px repeat-x; top: 5px; left: 22px; width: 46px; height: 5px; cursor: pointer; } .jp-volume-bar-value { background: url("/images/player/jplayer.blue.monday.jpg") 0 -256px repeat-x; width: 0px; height: 5px; } /* @end */ /* @group current time and duration */ .jp-audio .jp-time-holder { position: absolute; top: 50px; } .jp-audio .jp-type-single .jp-time-holder { left: 110px; width: 186px; } .jp-audio .jp-type-playlist .jp-time-holder { left: 166px; width: 130px; } .jp-current-time, .jp-duration { width: 60px; font-size: .64em; font-style: oblique; } .jp-current-time { float: left; display: inline; cursor: default; } .jp-duration { float: right; display: inline; text-align: right; cursor: pointer; } .jp-video .jp-current-time { margin-left: 20px; } .jp-video .jp-duration { margin-right: 20px; } /* @end */ /* @group playlist */ .jp-details { font-weight: bold; text-align: center; cursor: default; } .jp-details, .jp-playlist { width: 100%; background-color: #ccc; border-top: 1px solid #009be3; } .jp-type-single .jp-details, .jp-type-playlist .jp-details { border-top: none; } .jp-details .jp-title { margin: 0; padding: 5px 20px; font-size: .72em; font-weight: bold; } .jp-playlist ul { list-style-type: none; margin: 0; padding: 0 20px; font-size: .72em; } .jp-playlist li { padding: 5px 0 4px 20px; border-bottom: 1px solid #eee; } .jp-playlist li div { display: inline; } /* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */ div.jp-type-playlist div.jp-playlist li:last-child { padding: 5px 0 5px 20px; border-bottom: none; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type: square; list-style-position: inside; padding-left: 7px; } div.jp-type-playlist div.jp-playlist a { color: #333; text-decoration: none; } div.jp-type-playlist div.jp-playlist a:hover { color: #0d88c1; } div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color: #0d88c1; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float: right; display: inline; text-align: right; margin-right: 10px; font-weight: bold; color: #666; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color: #0d88c1; } div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display: inline; text-align: right; margin-right: 10px; } div.jp-type-playlist div.jp-playlist span.jp-free-media a { color: #666; } div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover { color: #0d88c1; } span.jp-artist { font-size: .8em; color: #666; } /* @end */ .jp-video-play { width: 100%; overflow: hidden; /* Important for nested negative margins to work in modern browsers */ cursor: pointer; background-color: transparent; /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */ } .jp-video-270p .jp-video-play { margin-top: -270px; height: 270px; } .jp-video-360p .jp-video-play { margin-top: -360px; height: 360px; } .jp-video-full .jp-video-play { height: 100%; } .jp-video-play-icon { position: relative; display: block; width: 112px; height: 100px; margin-left: -56px; margin-top: -50px; left: 50%; top: 50%; background: url("/images/player/jplayer.blue.monday.video.play.png") 0 0 no-repeat; text-indent: -9999px; border: none; cursor: pointer; } .jp-video-play-icon:focus { background: url("/images/player/jplayer.blue.monday.video.play.png") 0 -100px no-repeat; } .jp-jplayer audio, .jp-jplayer { width: 0px; height: 0px; } .jp-jplayer { background-color: #000000; } /* @group TOGGLES */ /* The audio toggles are nested inside jp-time-holder */ .jp-toggles { padding: 0; margin: 0 auto; overflow: hidden; } .jp-audio .jp-type-single .jp-toggles { width: 25px; } .jp-audio .jp-type-playlist .jp-toggles { width: 55px; margin: 0; position: absolute; left: 325px; top: 50px; } .jp-video .jp-toggles { position: absolute; right: 16px; margin: 0; margin-top: 10px; width: 100px; } .jp-toggles button { display: block; float: left; width: 25px; height: 18px; text-indent: -9999px; line-height: 100%; /* need this for IE6 */ border: none; cursor: pointer; } .jp-full-screen { background: url("/images/player/jplayer.blue.monday.jpg") 0 -310px no-repeat; margin-left: 20px; } .jp-full-screen:focus { background: url("/images/player/jplayer.blue.monday.jpg") -30px -310px no-repeat; } .jp-state-full-screen .jp-full-screen { background: url("/images/player/jplayer.blue.monday.jpg") -60px -310px no-repeat; } .jp-state-full-screen .jp-full-screen:focus { background: url("/images/player/jplayer.blue.monday.jpg") -90px -310px no-repeat; } .jp-repeat { background: url("/images/player/jplayer.blue.monday.jpg") 0 -290px no-repeat; } .jp-repeat:focus { background: url("/images/player/jplayer.blue.monday.jpg") -30px -290px no-repeat; } .jp-state-looped .jp-repeat { background: url("/images/player/jplayer.blue.monday.jpg") -60px -290px no-repeat; } .jp-state-looped .jp-repeat:focus { background: url("/images/player/jplayer.blue.monday.jpg") -90px -290px no-repeat; } .jp-shuffle { background: url("/images/player/jplayer.blue.monday.jpg") 0 -270px no-repeat; margin-left: 5px; } .jp-shuffle:focus { background: url("/images/player/jplayer.blue.monday.jpg") -30px -270px no-repeat; } .jp-state-shuffled .jp-shuffle { background: url("/images/player/jplayer.blue.monday.jpg") -60px -270px no-repeat; } .jp-state-shuffled .jp-shuffle:focus { background: url("/images/player/jplayer.blue.monday.jpg") -90px -270px no-repeat; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-no-solution { padding: 5px; font-size: .8em; background-color: #eee; border: 2px solid #009be3; color: #000; display: none; } .jp-no-solution a { color: #000; } .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; } /* @end */ .time_remaining { padding: 5px 25px 5px 25px; display:block; border-radius: 6px; border: 1px solid #CCC; box-shadow: 1px 1px 5px #CCC; background-color: #FFFFFF; } .cs_time_holder { width: 100%; text-align: center; display: inline-block; } .cs_hour_holder { float: left; width: 50%; text-align: center; font-size: 21px; } .cs_minute_holder { float: right; width: 50%; text-align: center; font-size: 21px; } .cs_hour_label { float: left; width: 50%; text-align: center; font-size: 12px; color: #333333; } .cs_minute_label { float: right; width: 50%; text-align: center; font-size: 12px; color: #333333; }