@charset "UTF-8";

@media screen, print {

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
 * NTID header/footer css
 */
@font-face{font-family:MuseoSlab500;src:url(../fonts/museo_slab_500/museo_slab_500-webfont.eot#) format('eot'),url(../fonts/museo_slab_500/museo_slab_500-webfont.woff) format('woff'),url(../fonts/museo_slab_500/museo_slab_500-webfont.ttf) format('truetype'),url(../fonts/museo_slab_500/museo_slab_500-webfont.svg#webfont2Q6PUEuO) format('svg')}body{color:#555;background:url(../images/template/mainbg.png) repeat-x top left #fff;font-family:Helvetica,Arial,"Helvetica Neue",sans-serif;font-size:12px}#mothership{background:url(../images/template/mothershipbg.png) no-repeat center top transparent;width:1003px;margin:0 auto}#rithead{width:100%;margin:0;padding:0;height:91px}#header{height:69px}#metanav{background-image:none;margin:0 auto;padding:0;width:980px;height:31px;clear:right;color:#FFF;position:relative;font-size:.9em}#metanav ul{margin:43px 0 0;padding:0;float:right}#metanav ul li{float:left;list-style-type:none!important;list-style-image:none!important;padding:0 0 0 30px;border:0;margin-right:-2px}#metanav a:link,#metanav a:visited{margin-top:-1px;color:#888;background-color:transparent;text-decoration:none}#metaritsearch{position:absolute;right:27px}#metaritdirectories{position:absolute;right:187px}#metaritsearchdiv div.searchritntid{display:none;background-color:#d8d8d8;color:#fff;padding:4px 5px 5px;position:absolute;top:-19px;right:134px;width:171px;z-index:99}#metanav a:hover{color:#333;background-color:transparent;text-decoration:underline}#metanav a:active{color:#000;background-color:transparent;text-decoration:none}#metanav #metaritsearch a,#metarithometext{display:block;text-indent:-5000px;width:1px;height:1px;overflow:hidden}#metarithome a{text-indent:-9999px;padding:0;margin:0;display:block;position:absolute;left:0;top:0;width:475px;height:81px;background:0 0;border:0;cursor:pointer;z-index:99}#searchritntid{color:#333}#ntidsearchform input.form-text{border:1px solid #ccc;padding:.2em}#ntidmeta{text-align:right}#searchNTIDonlylabel,#searchRITsitelabel{color:#555;font-weight:400;line-height:2em;padding:0 0 0 2px;width:130px}#audnav{list-style-type:none;padding:0;margin:23px 6px 0 0;text-align:right}#audnav li{float:right;margin-left:4px;margin-top:2px;font-size:.9em}#audnav li a{padding:8px 5px 19px;text-decoration:none;-moz-border-radius-topright:3px;-moz-border-radius-topleft:3px;color:#fff;font-size:11px}.column,.span-1,.span-10,.span-11,.span-12,.span-13,.span-14,.span-15,.span-16,.span-17,.span-18,.span-19,.span-2,.span-20,.span-21,.span-22,.span-23,.span-24,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9{float:left;margin-right:10px}.last{margin-right:0}.span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24{width:950px;margin-right:0}#maincontain{border-bottom:1px solid #fff}#header h1{text-indent:-9999px}#pagetitle h2{font-size:2.2em;color:#f36e21;margin:0 auto 10px;width:950px;padding:0}#pagetitle{margin:30px auto 0;padding-top:50px;width:100%}.container{width:950px;margin:0 auto}.clearfix:after,.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}h1,h2{font-family:MuseoSlab500,Georgia,serif}h1{font-size:32px}h2{font-size:26px}#google-cse-searchbox-form input#edit-query{background-image:none!important}#google-cse-searchbox-form .form-submit,#metanav #metasearchform button,#search-block-form .form-submit,#search-block-form button{width:16px;height:13px;cursor:pointer;text-indent:-9999px;background:0 0;border:0!important}#google-cse-searchbox-form,#metanav #metasearchform,#search-block-form{border:0;width:129px;height:16px!important;margin-top:-.35em;padding:3px 0 0 3px;background:transparent url(../images/template/searchbg.png) no-repeat}#edit-search-block-form-1,#metanav #searchritntid{width:109px;height:14px;padding:0;margin:0;border:0;background:#FFF;outline:0}#google-cse-searchbox-form input#edit-query,#metanav #metasearchform input,#metasearchform button,#search-block-form button,#search-block-form input{border:0!important;float:left;padding:0!important;margin:0 0 0 2px!important}#metanav #metasearchform{display:none}#edit-query{outline:0}


/*
 * header, main container, and footer styles
 */
html {
	-webkit-text-size-adjust: 100%;
}
html, body {
	width: 100%;
	font-family: Helvetica, Arial;
	font-size: 14px;
	color: #444;
	overflow-x: hidden;
}
body {
	background-color: #fff;
	height: 100%;	
}

/*
 * customize html elements
 */

a {
	text-decoration: none;
	color: #f36e21;
}

p {
	margin: 2em 0;
	line-height: 20px;
}

label {
	font-weight: bold;
	font-size: 14px;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	color: #333;
	text-shadow: 1px 1px 1px #eee;
	line-height: 30px;
}


#maincontain input[type="text"], input[type="password"], textarea, .ui-dialog input[type="text"], .ui-dialog textarea {
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 13px;
	padding: 7px 12px;
	width: 265px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	outline: none;
}
#maincontain input[type="text"]:hover, input[type="password"]:hover, textarea:hover, .ui-dialog input[type="text"]:hover, .ui-dialog textarea:hover {
	border: 1px solid #bbb;
}
#maincontain input[type="text"]:focus, input[type="password"]:focus, .ui-dialog input[type="text"]:focus, .ui-dialog textarea:focus {
	box-shadow: 0 0 2px #91c7ea;
	border-color: #4e788d;
	outline: none !important;
}
#maincontain textarea, .ui-dialog textarea {
	width: 95%;
	height: 105px;
	padding: 10px;
}
#maincontain input[type="text"].shortest, .ui-dialog input[type="text"].shortest,
#maincontain input[type="password"].shortest, .ui-dialog input[type="password"].shortest {
	width: 50px;
}
#maincontain input[type="text"].shorter, .ui-dialog input[type="text"].shorter,
#maincontain input[type="password"].shorter, .ui-dialog input[type="password"].shorter {
	width: 135px;
}
#maincontain input[type="text"].short, .ui-dialog input[type="text"].short,
#maincontain input[type="password"].short, .ui-dialog input[type="password"].short {
	width: 185px;
}
#maincontain input[type="text"].long, .ui-dialog input[type="text"].long,
#maincontain input[type="password"].long, .ui-dialog input[type="password"].long {
	width: 470px;
}
#maincontain input[type="text"].full-width, .ui-dialog input[type="text"].full-width,
#maincontain input[type="password"].full-width, .ui-dialog input[type="password"].full-width {
	width: 98%;
}

#main-content {
	min-height: 300px;
}


#mobile-menu-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	z-index: 3000;
	filter: Alpha(Opacity=80);
	opacity: .8;
}
#mobile-menu {
	display: none;
	position: fixed;
	top: -20px;
	left: 0;
	background-color: #385665;
	width: 100%;
	z-index: 3001;
	overflow: visible;
}
#mobile-menu ul > li > a,
#mobile-menu ul > li.divider > div {
	display: block;
	padding: 10px 6px;
	margin: 0 10px;
	background-color: #4e788d;
	border: 1px solid #5b90a9;
	border-top: none;
	text-align: center;
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.04em;
}
#mobile-menu ul > li:first-child > a {
	padding-top: 32px;
}
#mobile-menu ul > li.selected a {
	background-color: #6299b4;
}
#mobile-menu ul > li.divider > div {
	height: 10px;
	padding: 0;
	background-color: #385665;
	transparent;
	border-left: none;
	border-right: none;
}
#mobile-menu .close-button {
	cursor: pointer;
	height: 26px;
	background-color: #fff;
	border-bottom: 1px solid #4e788d;
	background: #fff url('../images/icon-close-mobile-menu.png') center center no-repeat;
}



ul.normal, ol.normal {
	line-height: 24px;
	margin: 15px 0 15px 40px;
	min-height: 1px;
}
ul.normal > li > ul.normal, ol.normal > li > ol.normal {
	margin: 8px 0 8px 40px;
}
ul.normal > li {
	list-style: disc;
}
ol.normal > li {
	list-style: decimal;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: Helvetica, Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.03em;
}
h1 { font-size: 32px; line-height: 36px; }
h2 { font-size: 24px; line-height: 28px; }
h3 { font-size: 20px; line-height: 23px; }
h4 { font-size: 18px; line-height: 21px; }
h5 { font-size: 16px; line-height: 18px; }
h6 { font-size: 14px; line-height: 16px; }

blockquote, .quote {
	margin: 15px 0;
	padding-left: 40px;
	color: #888;
	line-height: 22px;
	min-height: 22px;
}

blockquote:before, .quote:before {
	color: #999;
	content: '\201C'; /* http://monc.se/kitchen/129/rendering-quotes-with-css */
	font-family: Georgia,'Times New Roman',Times,Serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 0;
	margin: 0 10px 0 -40px;
	vertical-align: middle;
}
blockquote p:first-child, .quote p:first-child {
	display: inline;
}

.required-star {
	color: #F76E09;
	font-weight: bold;
	font-size: 16px;
	font-family: Gill Sans,Trebuchet MS,sans-serif;
	font-style: normal;
}

.box-shadow {
	-moz-box-shadow: 0 0 10px #aaa;
	-webkit-box-shadow: 0 0 10px #aaa;
	-o-box-shadow: 0 0 10px #aaa;
	box-shadow: 0 0 10px #aaa;	
}

.app-screenshot {
	float: right;
	margin: 0 0 40px 40px;
}
.app-screenshot > img {
	border-radius: 4px;
	border: 1px solid #ccc;	
}

/*
 * content styles
 */
#topcontain {
	position: relative;
	z-index: 2;
	background: url(../images/template/mothershipbg.png) no-repeat center top transparent;
}
#mothership {
	background: none;
}
#maincontain {
	background-color: #e8e8e8;
	margin: 0 5px 0 6px;
	padding: 0 40px;
	-o-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
	border-bottom: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	min-height: 600px;
	z-index: 1;
}
#maincontain > div {
	padding-top: 102px;
}
#index-page #maincontain > div {
	padding-top: 96px;
}

#pagetitle, #site-header-nav {
	position: absolute;
	margin: 0;
	left: 0;
	padding: 0;
}
#pagetitle > a.logo {
	display: block;
	margin: 0 5px 0 6px;
	text-align: center;
	height: 29px;
	padding: 10px 0;
	background: #4e788d url('../images/site-logo.2.png') center center no-repeat;
}


#site-header-nav {
	z-index: 1;
	width: 100%;
	margin-top: 46px;
	
}
#site-header-nav > div {
	margin: 0 4px 0 6px;
	background-color: #e8e8e8;
}
#site-header-nav ul {
	width: 715px;
	margin: 0 auto;
}
#site-header-nav li {
	display: inline-block;
	width: 118px;
	overflow: visible;
	vertical-align: middle;
	border-right: 1px solid #ccc;
}
#site-header-nav li:first-child {
	border-left: 1px solid #ccc;
}
#site-header-nav li > a {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 14px 0;
	color: #497e98;
	-webkit-transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	-ms-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
}
#site-header-nav li.two-lines > a {
	padding: 7px 0;
}
#site-header-nav li.selected > a, #site-header-nav li:hover > a {
	background-color: #fff;
}
#site-header-nav .shadow {
	height: 12px;
	background: transparent url('../images/site-logo-shadow-bg.3.png') top left no-repeat;
	background-size: 100% 100%;	
}


#left-column, #right-column {
	float: left;
	width: 55%;
}
#right-column {
	width: 45%;
}
#index-container #left-column > div {
	margin-right: 52px;
}
#index-container .content-container {
	width: 100%;
}
#index-container .content-container > div {
	padding: 22px 44px 30px 32px;
}
#index-container #mobile-app-info-container h5 {
	color: #497e98;
}
#index-category-list > li {
	display: inline-block;
	width: 48%;
	font-weight: bold;
	font-size: 11px;
}


#app-container #left-column {
	width: 431px;
	margin: 0 20px 0 40px;
}
#app-container #right-column {
	width: 368px;
}

#footer-container {
	margin: 32px;
	text-align: center;
	color: #999;
}
#rit-logo-footer {
	display: inline-block;
	width: 118px;
	height: 36px;
	background: transparent url('../images/rit-logo-footer.png') top left no-repeat;
}

#single-column {
	margin-top: 22px;
}


#words-container, #similar-signs-container, #sentences-container,
#similar-signs-container-mobile, #sentences-container-mobile {
	border: 1px solid #ddd;
	background-color: #fff;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 14px;
	overflow: hidden;
}
#similar-signs-container-mobile, #sentences-container-mobile {
	border: 1px solid #333;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #444;
}
#similar-signs-container-mobile > ul {
	min-height: 37px;
}
#sentences-container-mobile > ul {
	min-height: 33px;
}
#words-container {
	border-bottom-right-radius: 0;
	min-height: 381px;
	background-color: #eee;
}
#words-container .tabs {
	background-color: #fcfcfc;
}
#words-container .tabs > div.tab {
	float: left;
	width: 28%;
	text-align: center;
	cursor: pointer;
	color: #4e788d;
	text-shadow: 1px 1px 1px #e6e6e6;
	font-size: 14px;
	line-height: 52px;
	height: 52px;
	font-weight: bold;
	border-left: 1px solid #ddd;
}
#words-container .tabs > div.tab:first-child {
	border-left: none;
}
#words-container .tabs > div.tab.selected {
	background-color: #4e788d;
	text-shadow: 1px 1px 1px #444;
	color: #fff;
}
#words-container .tabs > div.tab.search {
	width: 43%;
	font-weight: normal;
	cursor: inherit;
}
#words-container .tabs > div.tab.search input[type="text"] {
	background: url('../images/icon-search.png') no-repeat 6px center transparent;
	width: 70%;
	padding-left: 28px;
	margin: 12px 0 1px 0;
}
#words-info-container {
	position: relative;
	background-color: #c4c4c4;
	color: #666;
	font-size: 11px;
	height: 33px;
}
#words-info-container > div {
	width: 100%;
	line-height: 33px;
}
#words-info-container > .words-info, #words-info-container > .categories-info {
	text-align: center;
	font-size: 12px;
	color: #666;
	letter-spacing: 0.03em;
	font-style: italic;
}
#words-info-container > .words-info > a {
	font-style: normal;
	font-weight: bold;
	color: #fff;
	padding: 0 2px;
	text-shadow: 1px 1px 1px #888;
}
#words-info-container > .words-info > a.selected {
	color: #f36e21;
	text-shadow: none;
}
#words-info-container > .category-info, #words-info-container > .words-info-mobile {
	font-weight: bold;
	margin-left: 14px;
}
#full-listing-link, #full-listing-link-alpha {
	position: absolute;
	right: 28px;
	top: 0;
	top: center;
	text-decoration: none;
	color: #4e788d;
}

.words-list, #categories-list, .category-words-list,
#words-info-container > div {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
	filter: Alpha(Opacity=100);
	opacity: 1;
	z-index: 2;
}
.words-list.hide, #categories-list.hide, .category-words-list.hide,
#words-info-container > div.hide {
	z-index: 1;
	filter: Alpha(Opacity=0);
	opacity: 0;
}

#words-lists-container {
	position: relative;
}
.words-list, #categories-list, .category-words-list {
	height: 296px;
	width: 100%;
	overflow: auto;
	background-color: #eee;
}
.words-list > li, #categories-list > li, .category-words-list > li, #similar-signs-list > li, #sentences-list > li,
#similar-signs-container-mobile > ul > li, #sentences-container-mobile > ul > li, #alpha-list-mobile ul > li {
	font-size: 13px;
	padding: 6px 14px;
	line-height: 20px;
	min-height: 20px;
	color: #666;
	background-color: #fff;
	border-top: 1px solid #ddd;
	position: relative;
	cursor: pointer;
	letter-spacing: 0.03em;
}
#alpha-list-mobile ul > li {
	text-align: center;
	font-weight: bold;
	float: left;
	padding: 0;
	border: none;
	width: 16.66%;
}
#alpha-list-mobile ul > li > div {
	border: 1px solid #ddd;
	border-top: none;
	border-left: none;
	line-height: 42px;
}
#similar-signs-container-mobile > ul > li, #sentences-container-mobile > ul > li {
	color: #fff;
	background-color: #444;
	border-top: 1px solid #333;
}
.words-list > li:first-child, .category-words-list > li:first-child {
	border-top: none;
}
.words-list > li, .category-words-list > li, #similar-signs-list > li {
	background: url('../images/icon-list-arrow.png') no-repeat 97% center #fff;
}
.words-list > li.selected, .category-words-list > li.selected, #similar-signs-list > li.selected {
	background: url('../images/icon-list-arrow-selected.png') no-repeat 97% center #4e788d;
}
.words-list > li.highlight, .category-words-list > li.highlight {
	color: #4597f2;
}
.words-list > li.selected, .category-words-list > li.selected, #similar-signs-list > li.selected , #sentences-list > li.selected,
#similar-signs-container-mobile > ul > li.selected, #sentences-container-mobile > ul > li.selected,
.words-list > li:active, .category-words-list > li:active, #similar-signs-list > li:active ,
#similar-signs-container-mobile > ul > li:active,
#alpha-list-mobile ul > li:active, #categories-list > li:active {
	color: #fff;
	background-color: #4e788d;
}

#similar-signs-container, #sentences-container,
#similar-signs-container-mobile, #sentences-container-mobile {
	position: relative;
	-webkit-transition: opacity 0.15s ease-in-out;
	-moz-transition: opacity 0.15s ease-in-out;
	transition: opacity 0.15s ease-in-out;
}
#similar-signs-none-container {
	position: absolute;
	top: 48%;
	left: 0;
	width: 100%;
	text-align: center;
	font-style: italic;
	font-size: 18px;
	color: #000;
	text-shadow: 1px 1px 1px #fff;
}
#similar-signs-container > div.title, #sentences-container > div.title,
#similar-signs-container-mobile > div.title, #sentences-container-mobile > div.title {
	padding: 10px 14px;
	color: #4e788d;
	background-color: #f8f8f8;
	background: -ms-linear-gradient(top, #fefefe, #f8f8f8);
	background: -o-linear-gradient(top, #fefefe, #f8f8f8);
	background: -moz-linear-gradient(top, #fefefe, #f8f8f8);
	background: -webkit-linear-gradient(top, #fefefe, #f8f8f8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f8f8f8');
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.03em;
}
#similar-signs-container-mobile > div.title, #sentences-container-mobile > div.title {
	color: #ccc;
	background-color: #444;
	background: -ms-linear-gradient(top, #444444, #333333);
	background: -o-linear-gradient(top, #444444, #333333);
	background: -moz-linear-gradient(top, #444444, #333333);
	background: -webkit-linear-gradient(top, #333333, #222222);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#333333');
}
#similar-signs-list, #sentences-list {
	position: relative;
	height: 99px;
	overflow: auto;
	background-color: #eee;
}
#similar-signs-container-mobile > ul, #sentences-container-mobile > ul {
	position: relative;
	background-color: #444;
}

#video-player, #popup-video-player {
	position: relative;
	background-color: #000;
	color: #fff;
	padding: 14px 24px;
	margin-bottom: 14px;
	height: 354px;
}
#video-player .overlay-message {
	position: absolute;
	top: 46%;
	text-align: center;
	left: 30px;
	right: 30px;
	z-index: 3;
	font-size: 22px;
	line-height: 30px;	
}
#video-player .overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	background-color: #000;
}
#video-splash-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: #000 url('../images/splash-video.1.jpg') top left no-repeat;
}
#video-player .word {
	font-size: 18px;
	width: 194px;
}
#video-controls {
	position: absolute;
	right: 26px;
	top: 16px;
	font-size: 10px;
	color: #ddd;
	text-align: right;
}
#video-controls a {
	color: #ddd;
	text-decoration: none;
}
#video-controls a.selected {
	color: #f36e21;
}
#speed-controls-container {
	margin-bottom: 4px;
}
#video-container, #popup-video-container {
	position: relative;
	margin: 16px 0;
}
#video-container > div, #popup-video-container > div {
	min-height: 240px;
	background-color: #222;
}
#video-player .subtitle, #popup-video-player .subtitle {
	font-size: 14px;
	line-height: 20px;
	color: #eee;
	letter-spacing: 0.03em;
}

#popup-video-player {
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 24px;
	margin-left: -184px; /* half the width */
	width: 320px;
	margin-top: -187px; /* half the height */
	height: 326px;
	background-color: #333;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
	outline: none;
	z-index: 3002;
}
#popup-video-container {
	margin-top: 0;
}
#popup-video-player .subtitle {
	top: 286px;
}


#sentences-list > li, #sentences-container-mobile > ul > li {
	cursor: inherit;
}
#sentences-list > li a, #sentences-container-mobile > ul > li a {
	padding: 3px 7px;
	background-color: #ccc;
	background: -ms-linear-gradient(top, #dddddd, #cccccc);
	background: -o-linear-gradient(top, #dddddd, #cccccc);
	background: -moz-linear-gradient(top, #dddddd, #cccccc);
	background: -webkit-linear-gradient(top, #dddddd, #cccccc);
	border: 1px solid #ccc;
	text-decoration: none;
	color: #444;
	margin-left: 5px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.03em;
}
#sentences-list > li a.selected, #sentences-container-mobile > ul > li a.selected {
	background-color: #f36e21;
	background: -ms-linear-gradient(top, #f36e21, #d86412);
	background: -o-linear-gradient(top, #f36e21, #d86412);
	background: -moz-linear-gradient(top, #f36e21, #d86412);
	background: -webkit-linear-gradient(top, #f36e21, #d86412);
	border: 1px solid #d86412;
	color: #fff;
}
#sentences-list > li > div.name, #sentences-container-mobile > ul > li > div.name {
	width: 170px;
	min-height: 20px;
}
#sentences-container-mobile > ul > li > div.name {
	width: 138px;
}

#links-container {
	text-align: center;
	border: 1px solid #bbb;
	background-color: #d6d6d6;
	border-bottom: none;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	overflow: hidden;
}
#links-container > a {
	float: left;
	width: 35%;
	height: 24px;
	line-height: 24px;
	padding: 8px 0;
	color: #4e788d;
	background-color: #d6d6d6;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.03em;
	text-decoration: none;
	border-left: 1px solid #bbb;
	-webkit-transition: background-color 0.20s ease-in-out;
	-moz-transition: background-color 0.20s ease-in-out;
	transition: background-color 0.20s ease-in-out;
}
#links-container > a .icon {
	display: inline-block;
	width: 25px;
	height: 24px;
	-webkit-transition: all 0.10s ease-in-out;
	-moz-transition: all 0.10s ease-in-out;
	transition: all 0.10s ease-in-out;
}
#links-container > a.about .icon {
	background: transparent url('../images/icon-help.png') left top no-repeat;
}
#links-container > a.grammar .icon {
	background: transparent url('../images/icon-grammar.png') left top no-repeat;
}
#links-container > a.logout .icon {
	background: transparent url('../images/icon-logout.png') left top no-repeat;
}
#links-container > a.about:hover .icon {
	background-image: url('../images/icon-help-hover.png');
}
#links-container > a.grammar:hover .icon {
	background-image: url('../images/icon-grammar-hover.png');
}
#links-container > a.logout:hover .icon {
	background-image: url('../images/icon-logout-hover.png');
}
#links-container > a:first-child {
	width: 29.4%;
	border-left: none;
}
#links-container > a:hover {
	background-color: #ccc	;
}


.content-container {
	width: 82%;
	margin: 0 auto;
}
.content-container > div {
	padding: 30px 42px 36px 42px;
}
.content-container .left-con, .content-container .right-con {
	float: left;
}
.content-container .left-con > div {
	padding-right: 50px;
}
.content-container .right-con > div {
	padding: 21px 0 40px 30px;
	border-left: 1px solid #ddd;
}
.content-container .left-con {
	width: 60%;
}
.content-container .right-con {
	width: 40%;
}


.content-container {
	background-color: #f9f9f9;
	line-height: 24px;
	-moz-box-shadow: 0 0 5px #d6d6d6;
	-webkit-box-shadow: 0 0 5px #d6d6d6;
	box-shadow: 0 0 5px #d6d6d6;
	border: 1px solid #bbb;
	outline: none;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px; 
}

#maincontain .content-container input[type="text"], #maincontain .content-container input[type="password"] {
	width: 96%;
}
.content-container h3 {
	line-height: 26px;
}
.content-container h4 {
	line-height: 22px;
	font-size: 16px;
	color: #497e98;
}
#login-button, #subscribe-button, #proceed-payment-button {
	background-color: #f4802f;
	background: -ms-linear-gradient(top, #f4802f, #dd5a00);
	background: -o-linear-gradient(top, #f4802f, #dd5a00);
	background: -moz-linear-gradient(top, #f4802f, #dd5a00);
	background: -webkit-linear-gradient(top, #f4802f, #dd5a00);
	border: 1px solid #dd5a00;
	color: #fff;
	padding: 12px 26px;
	letter-spacing: 0.08em;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
	z-index: 2;
	position: relative;
	outline: none;
	display: inline-block;
}
#login-button:hover, #proceed-payment-button:hover {
	box-shadow: 0 0 2px #f69653;
	border-color: #9c4000;
	outline: none !important;
}
#login-button {
	padding: 8px 26px;
}
#subscribe-button, #site-licenses-button, #testimonials-button {
	width: 37.5%;
	display: inline-block;
	padding: 16px 12px;
	margin: 0 0 12px 12px;
	text-align: center;
	color: #666;
	font-size: 15px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fafafa;
	letter-spacing: 0.06em;
	border: 1px solid #c1c1c1;
	background: none;
	background-color: #ddd;
	-moz-box-shadow: inset 0 0 36px #aaa;
	-webkit-box-shadow: inset 0 0 36px #aaa;
	-o-box-shadow: inset 0 0 36px #aaa;
	box-shadow: inset 0 0 36px #aaa;
}
#subscribe-button, #testimonials-button {
	margin-left: 0;
}
#testimonials-button {
	width: 88.4%;
	color: #f6f6f6;
	text-shadow: 1px 1px 1px #333;
	background-color: #4e788d;
	-moz-box-shadow: inset 0 0 36px #666;
	-webkit-box-shadow: inset 0 0 36px #666;
	-o-box-shadow: inset 0 0 36px #666;
	box-shadow: inset 0 0 36px #666;
}
#subscribe-button:hover, #site-licenses-button:hover, #testimonials-button:hover {
	border-color: #4e788d;
	outline: none !important;
}
#testimonials-button:hover {
	border-color: #000;
}
#forgot-password-link {
	color: #888;
	font-size: 13px;
	letter-spacing: 0.04em;
}


#subscribe-form1 > .top > .float-right {
	width: 40%;
	margin-right: 10%;
}
#subscribe-form1 > .top {
	font-style: italic;
	line-height: 20px;
	font-size: 14px;
}
#subscribe-form1 > .top > .float-left {
	margin-left: 10%;
}
#subscribe-form1 .right-con > div {
	padding: 18px 15px 40px 30px;
	border-left: 1px solid #ddd;
}
#subscribe-form1 .left-con {
	width: 50%;
}
#subscribe-form1 .right-con {
	width: 50%;
}
#subscribe-form1 .right-con > div {
	padding-top: 0;
	border-left: none;
}

#grammar-container {
	
}
ul.grammar-examples-list {
	margin: -12px 0 40px 40px;
	line-height: 20px;
}
ul.grammar-examples-list li {
	cursor: pointer;
	color: #f36e21;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
	a) supplying one via CSS
	b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
 
.jqmWindow {
	display: none;
	position: fixed;
	top: 7%;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	max-width: 100%;
	height: 86%;
	background-color: #ddd;
	color: #000;
	-moz-box-shadow: 0 0 8px #444;
	-webkit-box-shadow: 0 0 8px #444;
	-o-box-shadow: 0 0 8px #444;
	box-shadow: 0 0 8px #444;
	outline: none;
}
#about-container.jqmWindow {
	height: 86%;
	max-height: 820px;
}
#alpha-list-mobile.jqmWindow > .content {
	padding: 0;
	background-color: #f6f6f6;
}
#controversial-password-container.jqmWindow {
	width: 500px;
	margin-left: -250px;
	height: 332px;
}
#controversial-password-container.jqmWindow input[type="password"] {
	width: 50%;
}
.jqmWindow > .title {
	text-align: center;
	margin-top: 19px;
	text-shadow: 1px 1px 1px #f6f6f6;
}
.jqmWindow > .content {
	position: absolute;
	left: 24px;
	top: 64px;
	bottom: 24px;
	right: 24px;
	padding: 32px;
	border: 1px solid #bbb;
	background-color: #fff;
	-moz-box-shadow: inset 0 0 5px #bbb;
	-webkit-box-shadow: inset 0 0 5px #bbb;
	-o-box-shadow: inset 0 0 5px #bbb;
	box-shadow: inset 0 0 5px #bbb;
	overflow-y: auto;
}
#alpha-list-mobile .content {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.jqmWindow > .content > p:first-child {
	margin-top: 0;
}
.jqmWindow > .content .content-divider {
	padding: 20px 0;
	margin: 60px 0 44px 0;
	color: #fff;
	background-color: #4e788d;
	text-shadow: 1px 1px 1px #222;
}
.jqmWindow > .content label.example {
	font-weight: bold;
	margin-right: 12px;
	font-size: 14px;
}
.jqmWindow .close-button {
	background: transparent url('../images/icon-close.png') left top no-repeat;
	position: absolute;
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
	cursor: pointer;
}

.jqmOverlay {
	background-color: #000;
}

.jqmWindow a {
	color: #f36e21;
}

	
/*
 * custom modal dialog styles
 */
.modal-dialog {
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 20px;
	font-size: 13px;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;
	box-shadow: 0 0 15px #666;
	z-index: 1003;
}
.modal-dialog .ui-dialog-titlebar {
	position: absolute;
	right: 30px;
	top: 40px;
	z-index: 1;
	background: none;
	border: none;
	cursor: default;
	padding: 0;
}
.modal-dialog .ui-dialog-titlebar-close {
	padding: 10px;
}
.modal-dialog .ui-dialog-titlebar .ui-dialog-title {
	display: none;
}
.modal-dialog.no-close-button .ui-dialog-titlebar {
	display: none;
}


/*
 * tipsy plugin styles
 */
.tipsy { font-size: 14px; position: absolute; padding: 5px; padding-left: 12px; z-index: 2998; }
.tipsy-inner { background-color: #666; color: #FFF; max-width: 400px; padding: 14px 20px; text-align: left; line-height: 22px;}

/* Rounded corners */
/*.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }*/
 
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
 
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 20px dashed #000; }
 
/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #666; }
.tipsy-arrow-s { border-top-color: #666; }
.tipsy-arrow-e { border-left-color: #666; }
.tipsy-arrow-w { border-right-color: #666; }
 
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 3px; top: 50%; margin-top: -14px; border-width:14px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }


/* Fixed posistioning emulation for IE6
	 Star selector used to hide definition from browsers other than IE6
	 For valid CSS, use a conditional include instead */
* html .jqmWindow {
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


#controversial-password-container .status-message > span {
	font-size: 14px;
}
#controversial-password-container .status-message > span.loading {
	padding-left: 30px;
	background: transparent url('../images/loading_grid.gif') top left no-repeat;
}

#credits-table td {
	padding: 10px 8px;
	vertical-align: top;
}
#credits-table td:first-child {
	text-align: right;
}

/*
 * admin links container styles
 */
.admin-links-container > a {
	float: left;
	min-width: 20%;
	margin: 10px;
	padding: 10px;
	border: 1px solid #aaa;
	color: #000;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	background-color: #fff;
	-moz-box-shadow: 0 0 6px #ccc;
	-webkit-box-shadow: 0 0 6px #ccc;
	box-shadow: 0 0 6px #ccc;
	-webkit-transition: all 0.10s ease-in-out;
	-moz-transition: all 0.10s ease-in-out;
	transition: all 0.10s ease-in-out;
}
.admin-links-container > a:hover {
	border: 1px solid #4585f3;
}



/*
 * button styles
 */
button[type="button"].button, input[type="submit"].button, a.button, #main-content a.button, #site-header a.button {
	background-color: #eee;
	border: 1px solid #aaa;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f3f3f3');
	background: -moz-linear-gradient(center top , #e6e6e6,  #f3f3f3 1px, #e6e6e6 24px);
	background: -webkit-gradient(linear, left top, left 24, from(#e6e6e6), color-stop(5%, #f3f3f3), to(#e6e6e6));
	padding: 8px 12px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-family: Tahoma, Arial, sans-serif;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	z-index: 2;
	position: relative;
	outline: none;
	display: inline-block;
}
button[type="button"]:hover, input[type="submit"]:hover, a.button:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#e6e6e6');
	background: -moz-linear-gradient(center top , #e6e6e6,  #d6d6d6 1px, #e6e6e6 24px);	
	background: -webkit-gradient(linear, left top, left 24, from(#d6d6d6), color-stop(5%, #e6e6e6), to(#d6d6d6));
}

button[type="button"] img, input[type="submit"] img, a.button img {
	vertical-align: middle;
}
#site-header input[type="submit"].button {
	padding: 4px 10px;
}
a.button > span.ui-button-text {
	padding: 0;
}
button[type="button"].button.mini, input[type="submit"].button.mini, a.button.mini, #main-content a.button.mini, #site-header a.button.mini  {
	padding: 4px 8px;
}



/* 
 * breadcrumb stuff
 */
ul#breadcrumbs {
	font: 11px Arial, Helvetica, sans-serif;
	height: 20px;
	line-height: 20px;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
ul#breadcrumbs li {
	list-style-type: none;
	float: left;
	padding-left: 10px;
	color: #888;
}
ul#breadcrumbs li a {
	height: 20px;
	display: block;
	background-image: url('../images/breadcrumbs/bc_separator.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 18px;
	text-decoration: none;
	outline: none;
	color: #888;
}
ul#breadcrumbs li a:hover {
	color: #35acc5;
}
ul#breadcrumbs .home {
	border: none;
	margin: 2px 0;
}

#main-content-container #breadcrumbs-container {
	padding-top: 6px;
}
ul#breadcrumbs a {
	color: #444;
}



/*
 * status message styles
 */
#status-messages {
	padding: 15px 0 0 0;
	width: 90%;
	margin: 0 auto 40px;
}
#status-messages > ul > li:first-child {
	border-top: 1px solid #aaa;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;				
	border-top-left-radius: 4px;
	border-top-right-radius: 4px; 
}
#status-messages > ul > li {
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	list-style: none;
	padding: 6px 9px;
	cursor: pointer;
}
#status-messages > ul > li:last-child {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;				
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px; 
}

/*
 * generic styles
 */

.sans-serif {
	font-family: Lucida Grande, Verdana, Sans-serif;
}

.nowrap, .no-wrap {
	white-space: nowrap;
}

.form-tip  {
	font-size: 12px;
	font-style: italic;
	margin: 5px 0;
	opacity: .6;
	filter:Alpha(Opacity=60);
	padding-right: 2px;
}

.minor-info {
	opacity: .75;
	filter: Alpha(Opacity=75);
	font-style: italic;
	padding-right: 2px;
}

.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.hidden { display: none; }
.clear { clear: both; max-height: 1px; }
.bold, .strong, strong { font-weight: bold; }
.italic { font-style: italic; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.float-left { float: left; }
.float-right { float: right; }
.strike-through { text-decoration: line-through; }

.opacity-0 { opacity: 0; filter: Alpha(Opacity=0); }
.opacity-10 { opacity: .10; filter: Alpha(Opacity=10); }
.opacity-20 { opacity: .20; filter: Alpha(Opacity=20); }
.opacity-25 { opacity: .25; filter: Alpha(Opacity=25); }
.opacity-30 { opacity: .30; filter: Alpha(Opacity=30); }
.opacity-40 { opacity: .40; filter: Alpha(Opacity=40); }
.opacity-50 { opacity: .50; filter: Alpha(Opacity=50); }
.opacity-60 { opacity: .60; filter: Alpha(Opacity=60); }
.opacity-70 { opacity: .70; filter: Alpha(Opacity=70); }
.opacity-75 { opacity: .75; filter: Alpha(Opacity=75); }
.opacity-80 { opacity: .80; filter: Alpha(Opacity=80); }
.opacity-90 { opacity: .90; filter: Alpha(Opacity=90); }
.opacity-100 { opacity: 1; filter: Alpha(Opacity=100); }

.relative {	position: relative; }
.absolute {	position: absolute; }
.absolute-top-left {
	position: absolute;
	top: 0;
	left: 0;
}

.full-width { width: 100%; }

.center { text-align: center; }
.text-align-right { text-align: right; }

.error-message, .warning-message, label.error { color: #ff0000 !important; }
.success-message { color: #00aa00 !important; }

.highlight-green { background-color: #ccffcc !important; }
.highlight-blue { background-color: #C8E0FF !important; }
.highlight-red { background-color: #ffcccc !important; }


.clear { clear: both; max-height: 1px; }

hr.form-divider, hr.form-divider-dashed, hr.form-divider-dotted {
	margin: 44px 0;
	opacity: .25;
	filter:Alpha(Opacity=25);
}
hr.form-divider-dashed {
	border:none;
	border-top: 1px dashed #000;
}
hr.form-divider-dotted {
	border:none;
	border-top: 1px dotted #000;
}

.sort-handle, ul.ui-sortable > li, ol.ui-sortable > li {
	cursor: move;
}
.clickable { cursor: pointer; }

.spacer-top-largest { margin-top: 50px !important; }
.spacer-right-largest { margin-right: 50px !important; }
.spacer-bottom-largest { margin-bottom: 50px !important; }
.spacer-left-largest { margin-left: 50px !important; }
.spacer-largest { margin: 50px !important; }

.spacer-top-larger { margin-top: 40px !important; }
.spacer-right-larger { margin-right: 40px !important; }
.spacer-bottom-larger { margin-bottom: 40px !important; }
.spacer-left-larger { margin-left: 40px !important; }
.spacer-larger { margin: 40px !important; }

.spacer-top-large { margin-top: 30px !important; }
.spacer-right-large { margin-right: 30px !important; }
.spacer-bottom-large { margin-bottom: 30px !important; }
.spacer-left-large { margin-left: 30px !important; }
.spacer-large { margin: 30px !important; }

.spacer-top { margin-top: 20px !important; }
.spacer-right { margin-right: 20px !important; }
.spacer-bottom { margin-bottom: 20px !important; }
.spacer-left { margin-left: 20px !important; }
.spacer { margin: 20px !important; }

.spacer-top-small { margin-top: 10px !important; }
.spacer-right-small { margin-right: 10px !important; }
.spacer-bottom-small { margin-bottom: 10px !important; }
.spacer-left-small { margin-left: 10px !important; }
.spacer-small { margin: 10px !important; }

.spacer-top-smaller { margin-top: 5px !important; }
.spacer-right-smaller { margin-right: 5px !important; }
.spacer-bottom-smaller { margin-bottom: 5px !important; }
.spacer-left-smaller { margin-left: 5px !important; }
.spacer-smaller { margin: 5px !important; }

.spacer-top-smallest { margin-top: 2px !important; }
.spacer-right-smallest { margin-right: 2px !important; }
.spacer-bottom-smallest { margin-bottom: 2px !important; }
.spacer-left-smallest { margin-left: 2px !important; }
.spacer-smallest { margin: 2px !important; }

.spacer-top-none { margin-top: 0 !important; }
.spacer-right-none { margin-right: 0 !important; }
.spacer-bottom-none { margin-bottom: 0 !important; }
.spacer-left-none { margin-left: 0 !important; }
.spacer-none { margin: 0 !important; }

.pad-spacer-top-large { padding-top: 30px !important; }
.pad-spacer-right-large { padding-right: 30px !important; }
.pad-spacer-bottom-large { padding-bottom: 30px !important; }
.pad-spacer-left-large { padding-left: 30px !important; }
.pad-spacer-large { padding: 30px !important; }

.pad-spacer-top { padding-top: 20px !important; }
.pad-spacer-right { padding-right: 20px !important; }
.pad-spacer-bottom { padding-bottom: 20px !important; }
.pad-spacer-left { padding-left: 20px !important; }
.pad-spacer { padding: 20px !important; }

.pad-spacer-top-smedium { padding-top: 15px !important; }
.pad-spacer-right-smedium { padding-right: 15px !important; }
.pad-spacer-bottom-smedium { padding-bottom: 15px !important; }
.pad-spacer-left-smedium { padding-left: 15px !important; }
.pad-spacer-smedium { padding: 15px !important; }

.pad-spacer-top-small { padding-top: 10px !important; }
.pad-spacer-right-small { padding-right: 10px !important; }
.pad-spacer-bottom-small { padding-bottom: 10px !important; }
.pad-spacer-left-small { padding-left: 10px !important; }
.pad-spacer-small { padding: 10px !important; }



/*
 * sprites for images
 */
.sprite-element-16, .sprite-element-24, .sprite-element-32, .sprite-element-48{
	vertical-align: middle;
	display: inline-block;
	border: none;
}
.sprite-element-16{
	background: url(../../hb_core/images/icon_sets/backbone/16/all_16.8.png) no-repeat top left;
}
.sprite-element-24{
	background: url(../../hb_core/images/icon_sets/backbone/24/all_24.3.png) no-repeat top left;
}
.sprite-element-32{
	background: url(../../hb_core/images/icon_sets/backbone/32/all_32.7.png) no-repeat top left;
}
.sprite-element-48{
	background: url(../../hb_core/images/icon_sets/backbone/48/all_48.5.png) no-repeat top left;
}

.sprite-placeholder-16 {
	background-position: -16px -16px; width: 16px; height: 16px;
}

.sprite-account-16{ background-position: 0 0; width: 16px; height: 16px; } 
.sprite-address-book-16{ background-position: 0 -66px; width: 16px; height: 16px; } 
.sprite-address-16{ background-position: 0 -132px; width: 16px; height: 16px; } 
.sprite-adobe-captivate-16{ background-position: 0 -198px; width: 16px; height: 16px; } 
.sprite-adobe-presenter-16{ background-position: 0 -264px; width: 16px; height: 16px; } 
.sprite-affiliate-16{ background-position: 0 -330px; width: 16px; height: 16px; } 
.sprite-calendar-16{ background-position: 0 -396px; width: 16px; height: 16px; } 
.sprite-cd-16{ background-position: 0 -462px; width: 16px; height: 16px; } 
.sprite-clock-16{ background-position: 0 -528px; width: 16px; height: 16px; } 
.sprite-close-circle-16{ background-position: 0 -594px; width: 16px; height: 16px; } 
.sprite-code-object-16{ background-position: 0 -660px; width: 16px; height: 16px; } 
.sprite-code-16{ background-position: 0 -726px; width: 16px; height: 16px; } 
.sprite-cog-16{ background-position: 0 -792px; width: 16px; height: 16px; } 
.sprite-comment-16{ background-position: 0 -858px; width: 16px; height: 16px; } 
.sprite-comments-16{ background-position: 0 -924px; width: 16px; height: 16px; } 
.sprite-config-16{ background-position: 0 -990px; width: 16px; height: 16px; } 
.sprite-copy-16{ background-position: 0 -1056px; width: 16px; height: 16px; } 
.sprite-course-16{ background-position: 0 -1122px; width: 16px; height: 16px; } 
.sprite-cross-circle-16{ background-position: 0 -1188px; width: 16px; height: 16px; } 
.sprite-cross-16{ background-position: 0 -1254px; width: 16px; height: 16px; } 
.sprite-delivery-16{ background-position: 0 -1320px; width: 16px; height: 16px; } 
.sprite-dictionary-16{ background-position: 0 -1386px; width: 16px; height: 16px; } 
.sprite-download-16{ background-position: 0 -1452px; width: 16px; height: 16px; } 
.sprite-dvc-pro-16{ background-position: 0 -1518px; width: 16px; height: 16px; } 
.sprite-dvd-16{ background-position: 0 -1584px; width: 16px; height: 16px; } 
.sprite-email-16{ background-position: 0 -1650px; width: 16px; height: 16px; } 
.sprite-eye-16{ background-position: 0 -1716px; width: 16px; height: 16px; } 
.sprite-film-16{ background-position: 0 -1782px; width: 16px; height: 16px; } 
.sprite-films-16{ background-position: 0 -1848px; width: 16px; height: 16px; } 
.sprite-first-16{ background-position: 0 -1914px; width: 16px; height: 16px; } 
.sprite-flash-video-16{ background-position: -66px 0; width: 16px; height: 16px; } 
.sprite-flash-16{ background-position: -66px -66px; width: 16px; height: 16px; } 
.sprite-floppy-16{ background-position: -66px -132px; width: 16px; height: 16px; } 
.sprite-folder-favorite-16{ background-position: -66px -198px; width: 16px; height: 16px; } 
.sprite-handshake-16{ background-position: -66px -264px; width: 16px; height: 16px; } 
.sprite-home-16{ background-position: -66px -330px; width: 16px; height: 16px; } 
.sprite-info-16{ background-position: -66px -396px; width: 16px; height: 16px; } 
.sprite-last-16{ background-position: -66px -462px; width: 16px; height: 16px; } 
.sprite-list-16{ background-position: -66px -528px; width: 16px; height: 16px; } 
.sprite-logout-16{ background-position: -66px -594px; width: 16px; height: 16px; } 
.sprite-m4a-16{ background-position: -66px -660px; width: 16px; height: 16px; } 
.sprite-menu-16{ background-position: -66px -726px; width: 16px; height: 16px; } 
.sprite-money-16{ background-position: -66px -792px; width: 16px; height: 16px; } 
.sprite-move-16{ background-position: -66px -858px; width: 16px; height: 16px; } 
.sprite-next-16{ background-position: -66px -924px; width: 16px; height: 16px; } 
.sprite-notes-16{ background-position: -66px -990px; width: 16px; height: 16px; } 
.sprite-number-16{ background-position: -66px -1056px; width: 16px; height: 16px; } 
.sprite-options-16{ background-position: -66px -1122px; width: 16px; height: 16px; } 
.sprite-pencil-16{ background-position: -66px -1188px; width: 16px; height: 16px; } 
.sprite-phone-16{ background-position: -66px -1254px; width: 16px; height: 16px; } 
.sprite-piechart-16{ background-position: -66px -1320px; width: 16px; height: 16px; } 
.sprite-plus-circle-16{ background-position: -66px -1386px; width: 16px; height: 16px; } 
.sprite-plus-circle2-16{ background-position: -66px -1452px; width: 16px; height: 16px; } 
.sprite-plus-16{ background-position: -66px -1518px; width: 16px; height: 16px; } 
.sprite-podcast-16{ background-position: -66px -1584px; width: 16px; height: 16px; } 
.sprite-previous-16{ background-position: -66px -1650px; width: 16px; height: 16px; } 
.sprite-print-16{ background-position: -66px -1716px; width: 16px; height: 16px; } 
.sprite-quicktime-16{ background-position: -66px -1782px; width: 16px; height: 16px; } 
.sprite-realplayer-16{ background-position: -66px -1848px; width: 16px; height: 16px; } 
.sprite-robot-16{ background-position: -66px -1914px; width: 16px; height: 16px; } 
.sprite-search-plus-16{ background-position: -132px 0; width: 16px; height: 16px; } 
.sprite-search-result-16{ background-position: -132px -66px; width: 16px; height: 16px; } 
.sprite-search-16{ background-position: -132px -132px; width: 16px; height: 16px; } 
.sprite-settings-16{ background-position: -132px -198px; width: 16px; height: 16px; } 
.sprite-sound-16{ background-position: -132px -264px; width: 16px; height: 16px; } 
.sprite-star-bw-16{ background-position: -132px -330px; width: 16px; height: 16px; } 
.sprite-star-16{ background-position: -132px -396px; width: 16px; height: 16px; } 
.sprite-tape-16{ background-position: -132px -462px; width: 16px; height: 16px; } 
.sprite-text-16{ background-position: -132px -528px; width: 16px; height: 16px; } 
.sprite-theme-16{ background-position: -132px -594px; width: 16px; height: 16px; } 
.sprite-tick-circle-16{ background-position: -132px -660px; width: 16px; height: 16px; } 
.sprite-tick-16{ background-position: -132px -726px; width: 16px; height: 16px; } 
.sprite-ticket-16{ background-position: -132px -792px; width: 16px; height: 16px; } 
.sprite-trophy-minus-16{ background-position: -132px -858px; width: 16px; height: 16px; } 
.sprite-trophy-plus-16{ background-position: -132px -924px; width: 16px; height: 16px; } 
.sprite-trophy-16{ background-position: -132px -990px; width: 16px; height: 16px; } 
.sprite-user-plus-16{ background-position: -132px -1056px; width: 16px; height: 16px; } 
.sprite-user-16{ background-position: -132px -1122px; width: 16px; height: 16px; } 
.sprite-users-bw-16{ background-position: -132px -1188px; width: 16px; height: 16px; } 
.sprite-users-16{ background-position: -132px -1254px; width: 16px; height: 16px; } 
.sprite-wifi-16{ background-position: -132px -1320px; width: 16px; height: 16px; } 
.sprite-wmv-16{ background-position: -132px -1386px; width: 16px; height: 16px; } 
.sprite-youtube-16{ background-position: -132px -1452px; width: 16px; height: 16px; } 


.sprite-account-24{ background-position: 0 0; width: 24px; height: 24px; } 
.sprite-address-24{ background-position: 0 -74px; width: 24px; height: 24px; } 
.sprite-adobe-captivate-24{ background-position: 0 -148px; width: 24px; height: 24px; } 
.sprite-adobe-presenter-24{ background-position: 0 -222px; width: 24px; height: 24px; } 
.sprite-affiliate-24{ background-position: 0 -296px; width: 24px; height: 24px; } 
.sprite-calendar-24{ background-position: 0 -370px; width: 24px; height: 24px; } 
.sprite-cd-24{ background-position: 0 -444px; width: 24px; height: 24px; } 
.sprite-clock-24{ background-position: 0 -518px; width: 24px; height: 24px; } 
.sprite-close-circle-24{ background-position: 0 -592px; width: 24px; height: 24px; } 
.sprite-code-24{ background-position: 0 -666px; width: 24px; height: 24px; } 
.sprite-code-object-24{ background-position: 0 -740px; width: 24px; height: 24px; } 
.sprite-cog-24{ background-position: 0 -814px; width: 24px; height: 24px; } 
.sprite-config-24{ background-position: 0 -888px; width: 24px; height: 24px; } 
.sprite-copy-24{ background-position: 0 -962px; width: 24px; height: 24px; } 
.sprite-course-24{ background-position: 0 -1036px; width: 24px; height: 24px; } 
.sprite-delivery-24{ background-position: 0 -1110px; width: 24px; height: 24px; } 
.sprite-dictionary-24{ background-position: 0 -1184px; width: 24px; height: 24px; } 
.sprite-download-24{ background-position: 0 -1258px; width: 24px; height: 24px; } 
.sprite-dvc-pro-24{ background-position: 0 -1332px; width: 24px; height: 24px; } 
.sprite-dvd-24{ background-position: 0 -1406px; width: 24px; height: 24px; } 
.sprite-email-24{ background-position: 0 -1480px; width: 24px; height: 24px; } 
.sprite-film-24{ background-position: 0 -1554px; width: 24px; height: 24px; } 
.sprite-films-24{ background-position: 0 -1628px; width: 24px; height: 24px; } 
.sprite-first-24{ background-position: 0 -1702px; width: 24px; height: 24px; } 
.sprite-flash-24{ background-position: 0 -1776px; width: 24px; height: 24px; } 
.sprite-flash-video-24{ background-position: 0 -1850px; width: 24px; height: 24px; } 
.sprite-floppy-24{ background-position: 0 -1924px; width: 24px; height: 24px; } 
.sprite-folder-favorite-24{ background-position: -74px 0; width: 24px; height: 24px; } 
.sprite-handshake-24{ background-position: -74px -74px; width: 24px; height: 24px; } 
.sprite-home-24{ background-position: -74px -148px; width: 24px; height: 24px; } 
.sprite-identity-24{ background-position: -74px -222px; width: 24px; height: 24px; } 
.sprite-last-24{ background-position: -74px -296px; width: 24px; height: 24px; } 
.sprite-list-24{ background-position: -74px -370px; width: 24px; height: 24px; } 
.sprite-m4a-24{ background-position: -74px -444px; width: 24px; height: 24px; } 
.sprite-money-24{ background-position: -74px -518px; width: 24px; height: 24px; } 
.sprite-next-24{ background-position: -74px -592px; width: 24px; height: 24px; } 
.sprite-notes-24{ background-position: -74px -666px; width: 24px; height: 24px; } 
.sprite-pencil-24{ background-position: -74px -740px; width: 24px; height: 24px; } 
.sprite-phone-24{ background-position: -74px -814px; width: 24px; height: 24px; } 
.sprite-piechart-24{ background-position: -74px -888px; width: 24px; height: 24px; } 
.sprite-plus-24{ background-position: -74px -962px; width: 24px; height: 24px; } 
.sprite-plus-circle-24{ background-position: -74px -1036px; width: 24px; height: 24px; } 
.sprite-podcast-24{ background-position: -74px -1110px; width: 24px; height: 24px; } 
.sprite-previous-24{ background-position: -74px -1184px; width: 24px; height: 24px; } 
.sprite-print-24{ background-position: -74px -1258px; width: 24px; height: 24px; } 
.sprite-quicktime-24{ background-position: -74px -1332px; width: 24px; height: 24px; } 
.sprite-realplayer-24{ background-position: -74px -1406px; width: 24px; height: 24px; } 
.sprite-robot-24{ background-position: -74px -1480px; width: 24px; height: 24px; } 
.sprite-search-24{ background-position: -74px -1554px; width: 24px; height: 24px; } 
.sprite-search-result-24{ background-position: -74px -1628px; width: 24px; height: 24px; } 
.sprite-settings-24{ background-position: -74px -1702px; width: 24px; height: 24px; } 
.sprite-sound-24{ background-position: -74px -1776px; width: 24px; height: 24px; } 
.sprite-tape-24{ background-position: -74px -1850px; width: 24px; height: 24px; } 
.sprite-text-24{ background-position: -74px -1924px; width: 24px; height: 24px; } 
.sprite-theme-24{ background-position: -148px 0; width: 24px; height: 24px; } 
.sprite-trophy-24{ background-position: -148px -74px; width: 24px; height: 24px; } 
.sprite-user-24{ background-position: -148px -148px; width: 24px; height: 24px; } 
.sprite-user-female-24{ background-position: -148px -222px; width: 24px; height: 24px; } 
.sprite-user-plus-24{ background-position: -148px -296px; width: 24px; height: 24px; } 
.sprite-users-24{ background-position: -148px -370px; width: 24px; height: 24px; } 
.sprite-wifi-24{ background-position: -148px -444px; width: 24px; height: 24px; } 
.sprite-wmv-24{ background-position: -148px -518px; width: 24px; height: 24px; } 
.sprite-world-24{ background-position: -148px -592px; width: 24px; height: 24px; } 
.sprite-youtube-24{ background-position: -148px -666px; width: 24px; height: 24px; } 


.sprite-account-32{ background-position: 0 0; width: 32px; height: 32px; } 
.sprite-address-32{ background-position: 0 -82px; width: 32px; height: 32px; } 
.sprite-adobe-captivate-32{ background-position: 0 -164px; width: 32px; height: 32px; } 
.sprite-adobe-presenter-32{ background-position: 0 -246px; width: 32px; height: 32px; } 
.sprite-affiliate-32{ background-position: 0 -328px; width: 32px; height: 32px; } 
.sprite-calendar-32{ background-position: 0 -410px; width: 32px; height: 32px; } 
.sprite-cd-32{ background-position: 0 -492px; width: 32px; height: 32px; } 
.sprite-clock-32{ background-position: 0 -574px; width: 32px; height: 32px; } 
.sprite-close-circle-32{ background-position: 0 -656px; width: 32px; height: 32px; } 
.sprite-code-32{ background-position: 0 -738px; width: 32px; height: 32px; } 
.sprite-code-object-32{ background-position: 0 -820px; width: 32px; height: 32px; } 
.sprite-cog-32{ background-position: 0 -902px; width: 32px; height: 32px; } 
.sprite-config-32{ background-position: 0 -984px; width: 32px; height: 32px; } 
.sprite-copy-32{ background-position: 0 -1066px; width: 32px; height: 32px; } 
.sprite-course-32{ background-position: 0 -1148px; width: 32px; height: 32px; } 
.sprite-delivery-32{ background-position: 0 -1230px; width: 32px; height: 32px; } 
.sprite-dictionary-32{ background-position: 0 -1312px; width: 32px; height: 32px; } 
.sprite-download-32{ background-position: 0 -1394px; width: 32px; height: 32px; } 
.sprite-dvc-pro-32{ background-position: 0 -1476px; width: 32px; height: 32px; } 
.sprite-dvd-32{ background-position: 0 -1558px; width: 32px; height: 32px; } 
.sprite-email-32{ background-position: 0 -1640px; width: 32px; height: 32px; } 
.sprite-film-32{ background-position: 0 -1722px; width: 32px; height: 32px; } 
.sprite-films-32{ background-position: 0 -1804px; width: 32px; height: 32px; } 
.sprite-first-32{ background-position: 0 -1886px; width: 32px; height: 32px; } 
.sprite-flash-32{ background-position: -82px 0; width: 32px; height: 32px; } 
.sprite-flash-video-32{ background-position: -82px -82px; width: 32px; height: 32px; } 
.sprite-floppy-32{ background-position: -82px -164px; width: 32px; height: 32px; } 
.sprite-folder-favorite-32{ background-position: -82px -246px; width: 32px; height: 32px; } 
.sprite-home-32{ background-position: -82px -328px; width: 32px; height: 32px; } 
.sprite-identity-32{ background-position: -82px -410px; width: 32px; height: 32px; } 
.sprite-last-32{ background-position: -82px -492px; width: 32px; height: 32px; } 
.sprite-list-32{ background-position: -82px -574px; width: 32px; height: 32px; } 
.sprite-m4a-32{ background-position: -82px -656px; width: 32px; height: 32px; } 
.sprite-money-32{ background-position: -82px -738px; width: 32px; height: 32px; } 
.sprite-next-32{ background-position: -82px -820px; width: 32px; height: 32px; } 
.sprite-notes-32{ background-position: -82px -902px; width: 32px; height: 32px; } 
.sprite-pencil-32{ background-position: -82px -984px; width: 32px; height: 32px; } 
.sprite-phone-32{ background-position: -82px -1066px; width: 32px; height: 32px; } 
.sprite-piechart-32{ background-position: -82px -1148px; width: 32px; height: 32px; } 
.sprite-plus-32{ background-position: -82px -1230px; width: 32px; height: 32px; } 
.sprite-plus-circle-32{ background-position: -82px -1312px; width: 32px; height: 32px; } 
.sprite-podcast-32{ background-position: -82px -1394px; width: 32px; height: 32px; } 
.sprite-previous-32{ background-position: -82px -1476px; width: 32px; height: 32px; } 
.sprite-print-32{ background-position: -82px -1558px; width: 32px; height: 32px; } 
.sprite-quicktime-32{ background-position: -82px -1640px; width: 32px; height: 32px; } 
.sprite-realplayer-32{ background-position: -82px -1722px; width: 32px; height: 32px; } 
.sprite-robot-32{ background-position: -82px -1804px; width: 32px; height: 32px; } 
.sprite-search-32{ background-position: -82px -1886px; width: 32px; height: 32px; } 
.sprite-search-result-32{ background-position: -164px 0; width: 32px; height: 32px; } 
.sprite-settings-32{ background-position: -164px -82px; width: 32px; height: 32px; } 
.sprite-sound-32{ background-position: -164px -164px; width: 32px; height: 32px; } 
.sprite-tape-32{ background-position: -164px -246px; width: 32px; height: 32px; } 
.sprite-text-32{ background-position: -164px -328px; width: 32px; height: 32px; } 
.sprite-trophy-32{ background-position: -164px -410px; width: 32px; height: 32px; } 
.sprite-user-32{ background-position: -164px -492px; width: 32px; height: 32px; } 
.sprite-user-female-32{ background-position: -164px -574px; width: 32px; height: 32px; } 
.sprite-user-plus-32{ background-position: -164px -656px; width: 32px; height: 32px; } 
.sprite-users-32{ background-position: -164px -738px; width: 32px; height: 32px; } 
.sprite-wifi-32{ background-position: -164px -820px; width: 32px; height: 32px; } 
.sprite-wmv-32{ background-position: -164px -902px; width: 32px; height: 32px; } 
.sprite-world-32{ background-position: -164px -984px; width: 32px; height: 32px; } 
.sprite-youtube-32{ background-position: -164px -1066px; width: 32px; height: 32px; } 


.sprite-address-48{ background-position: 0 0; width: 48px; height: 48px; } 
.sprite-adobe-captivate-48{ background-position: 0 -98px; width: 48px; height: 48px; } 
.sprite-adobe-presenter-48{ background-position: 0 -196px; width: 48px; height: 48px; } 
.sprite-affiliate-48{ background-position: 0 -294px; width: 48px; height: 48px; } 
.sprite-calendar-48{ background-position: 0 -392px; width: 48px; height: 48px; } 
.sprite-cd-48{ background-position: 0 -490px; width: 48px; height: 48px; } 
.sprite-clock-48{ background-position: 0 -588px; width: 48px; height: 48px; } 
.sprite-close-circle-48{ background-position: 0 -686px; width: 48px; height: 48px; } 
.sprite-code-48{ background-position: 0 -784px; width: 48px; height: 48px; } 
.sprite-code-object-48{ background-position: 0 -882px; width: 48px; height: 48px; } 
.sprite-cog-48{ background-position: 0 -980px; width: 48px; height: 48px; } 
.sprite-config-48{ background-position: 0 -1078px; width: 48px; height: 48px; } 
.sprite-copy-48{ background-position: 0 -1176px; width: 48px; height: 48px; } 
.sprite-course-48{ background-position: 0 -1274px; width: 48px; height: 48px; } 
.sprite-delivery-48{ background-position: 0 -1372px; width: 48px; height: 48px; } 
.sprite-dictionary-48{ background-position: 0 -1470px; width: 48px; height: 48px; } 
.sprite-download-48{ background-position: 0 -1568px; width: 48px; height: 48px; } 
.sprite-dvc-pro-48{ background-position: 0 -1666px; width: 48px; height: 48px; } 
.sprite-email-48{ background-position: 0 -1764px; width: 48px; height: 48px; } 
.sprite-film-48{ background-position: 0 -1862px; width: 48px; height: 48px; } 
.sprite-films-48{ background-position: -98px 0; width: 48px; height: 48px; } 
.sprite-flash-48{ background-position: -98px -98px; width: 48px; height: 48px; } 
.sprite-flash-video-48{ background-position: -98px -196px; width: 48px; height: 48px; } 
.sprite-floppy-48{ background-position: -98px -294px; width: 48px; height: 48px; } 
.sprite-handshake-48{ background-position: -98px -392px; width: 48px; height: 48px; } 
.sprite-home-48{ background-position: -98px -490px; width: 48px; height: 48px; } 
.sprite-infinity-48{ background-position: -98px -588px; width: 48px; height: 48px; } 
.sprite-list-48{ background-position: -98px -686px; width: 48px; height: 48px; } 
.sprite-m4a-48{ background-position: -98px -784px; width: 48px; height: 48px; } 
.sprite-money-48{ background-position: -98px -882px; width: 48px; height: 48px; } 
.sprite-notes-48{ background-position: -98px -980px; width: 48px; height: 48px; } 
.sprite-pencil-48{ background-position: -98px -1078px; width: 48px; height: 48px; } 
.sprite-phone-48{ background-position: -98px -1176px; width: 48px; height: 48px; } 
.sprite-piechart-48{ background-position: -98px -1274px; width: 48px; height: 48px; } 
.sprite-plus-48{ background-position: -98px -1372px; width: 48px; height: 48px; } 
.sprite-plus-circle-48{ background-position: -98px -1470px; width: 48px; height: 48px; } 
.sprite-podcast-48{ background-position: -98px -1568px; width: 48px; height: 48px; } 
.sprite-print-48{ background-position: -98px -1666px; width: 48px; height: 48px; } 
.sprite-realplayer-48{ background-position: -98px -1764px; width: 48px; height: 48px; } 
.sprite-robot-48{ background-position: -98px -1862px; width: 48px; height: 48px; } 
.sprite-search-48{ background-position: -196px 0; width: 48px; height: 48px; } 
.sprite-search-result-48{ background-position: -196px -98px; width: 48px; height: 48px; } 
.sprite-settings-48{ background-position: -196px -196px; width: 48px; height: 48px; } 
.sprite-sound-48{ background-position: -196px -294px; width: 48px; height: 50px; } 
.sprite-tape-48{ background-position: -196px -394px; width: 48px; height: 48px; } 
.sprite-theme-48{ background-position: -196px -492px; width: 48px; height: 48px; } 
.sprite-trophy-48{ background-position: -196px -590px; width: 48px; height: 48px; } 
.sprite-user-48{ background-position: -196px -688px; width: 48px; height: 48px; } 
.sprite-user-female-48{ background-position: -196px -786px; width: 48px; height: 48px; } 
.sprite-users-48{ background-position: -196px -884px; width: 48px; height: 48px; } 
.sprite-wifi-48{ background-position: -196px -982px; width: 48px; height: 48px; } 
.sprite-wmv-48{ background-position: -196px -1080px; width: 48px; height: 48px; } 
.sprite-world-48{ background-position: -196px -1178px; width: 48px; height: 48px; } 
.sprite-youtube-48{ background-position: -196px -1276px; width: 48px; height: 48px; } 


/*
 * icon input container
 */
#maincontain .icon-text-input-container { position:relative; white-space: nowrap; display: inline-block; }
#maincontain .icon-text-input-container input[type="text"] {
	padding: 5px 2px 5px 28px;
	line-height: 16px;
	height: 16px;
}
#maincontain .icon-text-input-container img {
	position: absolute;
	top: 6px;
	left: 7px;
}


/*
 * basic table styles
 */

table.basic {
	border: none;
	position: relative;
}
table.basic th, table.basic td {
	vertical-align: top;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}
table.basic tbody tr {
	background-color: #f6f6f6;
}
table.basic {
	border-top: 1px solid #ccc;
}
table.basic th {
	color: #666;
	font-size: 13px;
	font-weight: bold;
	background-color: #ddd;
	padding: 5px 10px;
}
table.basic td:first-child {
	border-right: none;
}
table.basic td:last-child {
	border-left: none;
}

table.basic.no-cell-divider th, table.basic.no-cell-divider td {
	border-left: none;
	border-right: none;
}
table.basic.no-cell-divider th:first-child, table.basic.no-cell-divider td:first-child {
	border-left: 1px solid #ccc;
}
table.basic.no-cell-divider th:last-child, table.basic.no-cell-divider td:last-child {
	border-right: 1px solid #ccc;
}
table.basic.alternate-rows tbody tr:nth-child(odd) {
	background-color: #e6e6e6;
}

thead.sortable th:before,
thead.sortable th:after {
	content: ' ';
	width: 12px;
	display: inline-block;
	text-align: right;
}
thead.sortable th.sorted-desc:after {
	content: '\2193';
}
thead.sortable th.sorted-asc:after {
	content: '\2191';
}


/*
 * tablesorter stuff
 */
.headerSortDown:after { content: ' \2193'; display: inline; }
.headerSortUp:after { content: ' \2191'; display: inline; }


/* tooltip styling */
.confirm-tooltip {
	position: absolute;
	display: inline;
	text-align: center;
	width: 200px;
	height: 86px;
	background: url('../../hb_core/js/jquery/confirm/images/bubble.png') left top no-repeat;
	padding: 18px 0 0 0;
	text-shadow: 0 1px 0 #fff;
	margin-top: -8.4em;
	opacity: 0;
	line-height: 14px;
	z-index: 1004;
}
.confirm-tooltip .title, .confirm-tooltip .name {
	margin-bottom: 10px;
}
.confirm-tooltip .ui-button {
	font-size: 12px;
}



/*
 * tabs styles
 */
#tabs {
	position: absolute;
	right: 14px;
	bottom: 0;
}
#tabs > ul {
	margin: 0;
	line-height: 23px;
}
#tabs > ul > li {
	list-style-type: none;
	display: inline;
	margin-left: 12px;
	font-size: 15px;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
}
#tabs > ul > li > a {
	background-color: #888;
	padding: 8px 28px;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	display: inline-block;
	text-decoration: none;
	letter-spacing: .1em;
	-webkit-transition: all 0.10s ease-in-out;
	-moz-transition: all 0.10s ease-in-out;
	transition: all 0.10s ease-in-out;
}

#tabs > ul > li.tab-color-green > a {
	background-color: #438733;
}
#tabs > ul > li.tab-color-red > a {
	background-color: #8b2821;
}
#tabs > ul > li.tab-color-yellow > a {
	background-color: #9c953f;
}

#tabs > ul > li.selected > a {
	text-shadow: 1px 1px 1px #fff;
	background-color: #e8e8e8;
	color: #333;
}
#tabs .counter, .inset-counter, .inset-header {
	background: #615d55;
	-webkit-box-shadow: inset 0 1px rgba(0, 0, 0, .4), 0 1px rgba(255, 255, 255, .2);
	-moz-box-shadow: inset 0 1px rgba(0, 0, 0, .4), 0 1px rgba(255, 255, 255, .2);
	box-shadow: inset 0 1px rgba(0, 0, 0, .4), 0 1px rgba(255, 255, 255, .2);
	display: inline-block;
	font-weight: bold;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	text-shadow: none;
	color: #eee;
	line-height: 16px;
	margin: 0 0 0 6px;
	padding: 1px 6px;
	vertical-align: text-top;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#tabs .counter, .inset-counter {
	font-size: 10px;
}

#main-content h2.inset-header, #main-content h3.inset-header {
	position: relative;
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #777;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	padding: 8px 12px;
	vertical-align: middle;
	margin: 0;
}

h2.inset-header .inset-counter, h3.inset-header .inset-counter {
	margin: 3px 14px 3px 2px;
	padding: 4px 10px;
	background: #fff;
	color: #000;
	box-shadow: inset 0 0 1px #333;
	font-size: 12px;
}

#main-content-header {
	background-color: #666;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 12px 0;
}
#main-content-header > div {
	padding: 14px 18px;
	position: relative;
}
#page-header-text {
	text-shadow: 1px 1px 1px #000;
	font-weight: bold;
	letter-spacing: .02em;
}


.rit-orange {
	color: #f36e21;
}



/*
 * video player styles
 */
#video-close-button {
	position: absolute;
	top: 25px;
	right: 4px;
	background: url('../images/close.gif') 14px 6px no-repeat;
	width: 40px;
	height: 35px;
	z-index: 103;
	text-decoration: none;
	opacity: .5;
	filter: Alpha(Opacity=50);
}

#mobile-show-sentences, #mobile-show-similar-signs {
	float: left;
	width: 152px;
	height: 28px;
	line-height: 28px;
	color: #ccc;
	text-align: center;
	border: 1px solid #444;
	background-color: #555;
	background: -ms-linear-gradient(top, #555555, #333333);
	background: -o-linear-gradient(top, #555555, #333333);
	background: -moz-linear-gradient(top, #555555, #333333);
	background: -webkit-linear-gradient(top, #555555, #333333);
}
#mobile-show-sentences {
	margin-right: 12px;
}


/*!
Video.js Default Styles (http://videojs.com)
Version 4.6.2
Create your own skin at http://designer.videojs.com
*/.vjs-default-skin{color:#ccc}@font-face{font-family:VideoJS;src:url(../fonts/vjs/vjs.eot);src:url(../fonts/vjs/vjs.eot?#iefix) format('embedded-opentype'),url(../fonts/vjs/vjs.woff) format('woff'),url(../fonts/vjs/vjs.ttf) format('truetype');font-weight:400;font-style:normal}.vjs-default-skin .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#333;background-color:rgba(51,51,51,.9)}.vjs-default-skin .vjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.vjs-default-skin .vjs-slider-handle{position:absolute;left:0;top:0}.vjs-default-skin .vjs-slider-handle:before{content:"\e009";font-family:VideoJS;font-size:1em;line-height:1;text-align:center;text-shadow:0 0 1em #fff;position:absolute;top:0;left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.vjs-default-skin .vjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#07141e;background-color:rgba(7,20,30,.7)}.vjs-default-skin.vjs-has-started .vjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-default-skin.vjs-controls-disabled .vjs-control-bar{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-control-bar{display:none}.vjs-default-skin.vjs-error .vjs-control-bar{display:none}@media \0screen{.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-default-skin .vjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.vjs-default-skin .vjs-control:before{font-family:VideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.vjs-default-skin .vjs-control:focus:before,.vjs-default-skin .vjs-control:hover:before{text-shadow:0 0 1em #fff}.vjs-default-skin .vjs-control:focus{}.vjs-default-skin .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-default-skin .vjs-play-control{width:5em;cursor:pointer}.vjs-default-skin .vjs-play-control:before{content:"\e001"}.vjs-default-skin.vjs-playing .vjs-play-control:before{content:"\e002"}.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content{width:4em;left:-2em;list-style:none}.vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button{cursor:pointer;float:right}.vjs-default-skin .vjs-mute-control:before,.vjs-default-skin .vjs-volume-menu-button:before{content:"\e006"}.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before{content:"\e003"}.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before{content:"\e004"}.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before{content:"\e005"}.vjs-default-skin .vjs-volume-control{width:5em;float:right}.vjs-default-skin .vjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content{height:2.9em}.vjs-default-skin .vjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-volume-bar .vjs-volume-handle{width:.5em;height:.5em;left:4.5em}.vjs-default-skin .vjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content{width:6em;left:-4em}.vjs-default-skin .vjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin:hover .vjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.vjs-default-skin .vjs-progress-holder{height:100%}.vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0;left:0;top:0}.vjs-default-skin .vjs-play-progress{background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.vjs-default-skin .vjs-seek-handle{width:1.5em;height:100%}.vjs-default-skin .vjs-seek-handle:before{padding-top:.1em}.vjs-default-skin.vjs-live .vjs-time-controls,.vjs-default-skin.vjs-live .vjs-time-divider,.vjs-default-skin.vjs-live .vjs-progress-control{display:none}.vjs-default-skin.vjs-live .vjs-live-display{display:block}.vjs-default-skin .vjs-live-display{display:none;font-size:1em;line-height:3em}.vjs-default-skin .vjs-time-controls{font-size:1em;line-height:3em}.vjs-default-skin .vjs-current-time{float:left}.vjs-default-skin .vjs-duration{float:left}.vjs-default-skin .vjs-remaining-time{display:none;float:left}.vjs-time-divider{float:left;line-height:3em}.vjs-default-skin .vjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.vjs-default-skin .vjs-fullscreen-control:before{content:"\e000"}.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before{content:"\e00b"}.vjs-default-skin .vjs-big-play-button{left:.5em;top:.5em;font-size:3em;display:block;z-index:2;position:absolute;width:4em;height:2.6em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;background-color:#07141e;background-color:rgba(7,20,30,.7);border:.1em solid #3b4249;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em;-webkit-box-shadow:0 0 1em rgba(255,255,255,.25);-moz-box-shadow:0 0 1em rgba(255,255,255,.25);box-shadow:0 0 1em rgba(255,255,255,.25);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button{left:50%;margin-left:-2.1em;top:50%;margin-top:-1.4000000000000001em}.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button{display:none}.vjs-default-skin.vjs-has-started .vjs-big-play-button{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-default-skin:hover .vjs-big-play-button,.vjs-default-skin .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#505050;background-color:rgba(50,50,50,.75);-webkit-box-shadow:0 0 3em #fff;-moz-box-shadow:0 0 3em #fff;box-shadow:0 0 3em #fff;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-default-skin .vjs-big-play-button:before{content:"\e001";font-family:VideoJS;line-height:2.6em;text-shadow:.05em .05em .1em #000;text-align:center;position:absolute;left:0;width:100%;height:100%}.vjs-error .vjs-big-play-button{display:none}.vjs-error-display{display:none}.vjs-error .vjs-error-display{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.vjs-error .vjs-error-display:before{content:'X';font-family:Arial;font-size:4em;color:#666;line-height:1;text-shadow:.05em .05em .1em #000;text-align:center;vertical-align:middle;position:absolute;top:50%;margin-top:-.5em;width:100%}.vjs-error-display div{position:absolute;font-size:1.4em;text-align:center;bottom:1em;right:1em;left:1em}.vjs-error-display a,.vjs-error-display a:visited{color:#F4A460}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.video-js.vjs-error .vjs-loading-spinner{display:none!important;-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}.vjs-default-skin .vjs-loading-spinner:before{content:"\e01e";font-family:VideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.vjs-default-skin .vjs-menu-button{float:right;cursor:pointer}.vjs-default-skin .vjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.vjs-default-skin .vjs-menu-button:hover .vjs-menu{display:block}.vjs-default-skin .vjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-default-skin .vjs-menu-button ul li.vjs-selected{background-color:#000}.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover{outline:0;color:#111;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-default-skin .vjs-subtitles-button:before{content:"\e00c"}.vjs-default-skin .vjs-captions-button:before{content:"\e008"}.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:400;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js:-moz-full-screen{position:absolute}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;_position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.vjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.video-js.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{display:none;font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.video-js .vjs-subtitles{color:#fff}.video-js .vjs-captions{color:#fc6}.vjs-tt-cue{display:block}.vjs-default-skin .vjs-hidden{display:none}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#ccc;background-color:#333;font-size:18px;font-family:Arial,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#F4A460}

.video-js {
	background-color: #222;
}
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button,
#video-container.is-repeating .vjs-loading-spinner,
#video-container.is-repeating .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
	display: none !important;
}

.vjs-has-started.vjs-paused .vjs-loading-spinner {
	display: none !important;
}

.vjs-loading-spinner {
	top: 87.5%;
	left: 90.5%;
}

#video-replay-button {
	display: none;
	position: absolute;
	left: 24px;
	top: 50px;
	margin: 0;
	width: 320px;
	height: 240px;
	background: url('../images/icon-refresh.39x39.png') no-repeat 96% 94% transparent;
	z-index: 102;
	opacity: .6;
	filter: Alpha(Opacity=60);
	cursor: pointer;
}


}
/* end media for screen and print block */


/*
 * responsive styles
 */

@media only screen and (min-width: 240px) {
	#mothership {
		width: 104%;
		margin-left: -2%;
		font-size: 12px;
	}
	#pagetitle {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1001;
	}
	#topcontain {
		z-index: 1001;
	}
	#pagetitle > a.logo {
		margin: 0;
		background: #4e788d url('../images/site-logo-mobile.png') center center no-repeat;
	}
	#pagetitle .shadow {
		margin: 0;
	}
	#maincontain {
		padding: 0 22px 22px 22px;
		min-height: 1px;
	}
	#maincontain > div,
	#index-page #maincontain > div {
		padding-top: 62px;
	}
	#index-page {
		background: none;
	}
	#index-page #maincontain {
		padding-top: 20px;
		padding-bottom: 0;
	}
	#index-page #footer-container {
		display: none;
	}
	#rithead, #topcontain > .container, #similar-signs-container, #sentences-container {
		display: none;
	}
	#words-container {
		position: absolute;
		z-index: 1;
		left: 0;
		top: 49px;
		max-height: 100%;
		min-width: 100%;
		max-width: 100%;
		border: none;
		-o-border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		margin-bottom: 0;
	}
	#words-container .tabs > div.tab {
		width: 23%;
		font-size: 13px;
		line-height: 40px;
		height: 40px;
	}
	#words-container .tabs > div.tab.search input[type="text"] {
		margin-top: 5px;
		z-index: 3;
	}
	#mobile-menu-button {
		position: absolute;
		left: 12px;
		top: 12px;
		width: 30px;
		height: 26px;
		background: transparent url('../images/icon-mobile-menu-white.png') center center no-repeat;
	}
	#words-lists-container .shadow {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		width: 100%;
		height: 12px;
		background: transparent url('../images/site-shadow-bg.png') top center repeat-x;
		background-size: 100% 12px;
		filter: Alpha(Opacity=50);
		opacity: 0.5;
	}
	#words-container .tabs > div.tab.search {
		width: 53%;
	}
	.words-list, #categories-list, .category-words-list {
		height: 296px;
	}
	#words-container .tabs > div.tab.search input[type="text"] {
		background-size: 12px 14px;
		padding: 5px 10px 5px 28px;
		font-size: 12px;
		margin-top: 7px;
	}
	.words-list > li, #categories-list > li, .category-words-list > li, #similar-signs-list > li, #sentences-list > li,
	#similar-signs-container-mobile > ul > li, #sentences-container-mobile > ul > li {
		padding: 9px 14px;
	}
	#words-info-container {
		border-bottom: 1px solid #aaa;
	}
	
	
	#video-player {
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		padding: 0;
		z-index: 3002;
		overflow-y: auto;
	}
	#video-player > div {
		position: relative;
		margin: 20px auto 0 auto;
		width: 320px;
	}
	#video-controls {
		top: 0;
		right: 2px;
	}
	#video-close-con {
		position: relative;
		display: block;
		height: 1px;
	}
	#video-replay-button {
		left: 0;
		top: 38px;
	}
	
	.content-container {
		width: 100%;
	}
	.content-container > div {
		padding: 20px;
	}
	#subscribe-form1 .left-con, #subscribe-form1 .right-con {
		width: 100%;
	}
	#subscribe-form1 .right-con > div {
		padding: 0;
		padding-bottom: 30px;
		text-align: left;
		border-top: none;
	}
	#subscribe-form1 > .top > .float-right {
		width: 100%;
		margin-right: 0;
	}
	#subscribe-form1 > .top > .float-left {
		width: 100%;
		margin: 18px 0 0 0;
	}
	
	
	#main-content-header #page-header-text {
		padding-left: 14px;
	}
	#main-content-header.has-tabs #page-header-text {
		padding-left: 0;
	}
	#main-content-header.has-tabs > div {
		padding-left: 0;
		padding-bottom: 46px;
		text-align: center;
	}
	
	#tabs {
		left: 0;
	}
	#tabs > ul > li {
		font-size: 11px;
		margin-left: 4px;
	}
	#tabs > ul > li:first-child {
		margin-left: 0;
	}
	#tabs > ul > li > a {
		padding: 4px 10px;
	}
	#tabs .counter {
		padding: 1px 4px;
		margin-left: 2px;
		margin-top: -1px;
	}
	
	
	.content-container .right-con > div {
		margin-top: 32px;
		padding: 21px 0 10px 0;
		border-left: none;
		border-top: 1px solid #ddd;
		text-align: center;
	}
	.content-container .left-con > div {
		padding-right: 0;
	}
	
	#index-container #left-column,
	#index-container #right-column {
		float: none;
		width: 100%;
	}
	#index-container #left-column > div {
		margin-right: 0;
		margin-top: 440px;
	}
	#index-container.is-logged-in #left-column > div {
		margin-top: 190px;
	}
	#index-container #login-container {
		position: absolute;
		left: 5%;
		top: 72px;
		width: 90%;
	}
	#index-container .content-container > div {
		padding: 25px 20px;
	}
	
	
	#maincontain .content-container input[type="text"], #maincontain .content-container input[type="password"] {
		width: 90%;
	}
	
	.admin-links-container > a {
		min-width: 88%;
	}
	
	table.basic th, table.basic td {
		padding: 6px;
	}
	
	
	h3 {
		font-size: 16px;
	}
	.content-container h3 {
		line-height: 22px;
	}
	.content-container h4 {
		line-height: 20px;
		font-size: 16px;
	}
	
	
	#footer-container .copy, #footer-container .rights {
		display: block;
	}
	
	
	.jqmWindow, #controversial-password-container.jqmWindow {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
	#controversial-password-container.jqmWindow {
		width: 86%;
		left: 7%;
		height: 80%;
		max-height: 334px;
	}
	#about-container.jqmWindow, #grammar-container.jqmWindow {
		height: 100%;
		max-height: 100%;
		top: 0;
	}
	.jqmWindow > .content {
		left: 12px;
		right: 12px;
		bottom: 12px;
	}
	.jqmWindow > .title {
		font-size: 18px;
	}
	
	#alpha-list-mobile {
		display: none;
		background-color: #eee;
		border: 1px solid #ccc;
		height: 293px;
		top: 4%;
		width: 80%;
		left: 10%;
		margin-left: 0;	
	}
	
	
	.modal-dialog {
		max-width: 92%;
		padding: 9px;
		font-size: 12px;
	}
	.modal-dialog.large {
		top: 58px !important;
	}
	.modal-dialog .ui-dialog-titlebar {
		right: 18px;
		top: 22px;
	}
	
	
	.app-screenshot {
		float: none;
		margin: 40px auto;
		width: 400px;
		max-width: 100%;
	}
	#main-content img {
		max-width: 100%;
	}
	
	
	#main-content .page-actions-container {
		float: none;
		text-align: center;
		margin-bottom: 30px;
	}
	
	
	#footer-container .left, #footer-container .right {
		float: none;
	}
	
	.mobile-only {
		display: inline;
	}
	div.mobile-only, p.mobile-only, ul.mobile-only {
		display: block;
	}
	.no-mobile {
		display: none;
	}
}

@media only screen and (min-width: 380px) {
}
@media only screen and (min-width: 430px) {
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 600px) {
}

@media only screen and (min-width: 768px) {
	#index-page {
		background: url(../images/template/mainbg.png) repeat-x top left #fff;
	}
	#index-page #footer-container {
		display: block;
	}
	#mobile-menu, #mobile-menu-button, #mobile-menu-overlay {
		display: none;
	}
	#mothership {
		width: 737px;
		margin-left: auto;
	}
	#topcontain {
		background-size: 735px 200px;
		z-index: 1;
	}
	body {
		background-size: 100% 200px;
	}
	#audnav {
		margin-top: 9px;
	}
	#header {
		height: 55px;
	}
	#topcontain {
	}
	#pagetitle {
		position: absolute;
		z-index: 1;
		margin-top: 138px;
	}
	#pagetitle > a.logo {
		background: #4e788d url('../images/site-logo.2.png') center center no-repeat;
		margin: 0 4px 0 5px;
	}
	#pagetitle .shadow {
		margin: 0 4px 0 5px;
	}
	
	#maincontain {
		padding: 0 18px 18px 18px;
	}
	#maincontain > div {
		padding-top: 102px;
	}
	#index-page #maincontain > div {
		padding-top: 96px;
	}
	#rithead, #topcontain > .container, #similar-signs-container, #sentences-container {
		display: block;
	}
	#words-container {
		position: relative;
		top: 0;
		z-index: 2;
		min-height: 381px;
		max-height: inherit;
		min-width: inherit;
		max-width: inherit;
		border: 1px solid #ddd;
		-o-border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		margin-bottom: 14px;
	}
	#words-container .tabs > div.tab {
		width: 27%;
		font-size: 12px;
		line-height: 44px;
		height: 44px;
	}
	#words-container .tabs > div.tab.search {
		width: 43%;
	}
	#words-lists-container .shadow {
		filter: Alpha(Opacity=30);
		opacity: 0.3;
	}
	.words-list, #categories-list, .category-words-list {
		height: 296px;
	}
	.words-list > li, #categories-list > li, .category-words-list > li, #similar-signs-list > li, #sentences-list > li,
	#similar-signs-container-mobile > ul > li, #sentences-container-mobile > ul > li, #alpha-list-mobile ul > li {
		padding: 6px 14px;
	}
	
	#words-info-container > .words-info {
		font-size: 10px;
		letter-spacing: 0;
	}
	#words-info-container {
		border-bottom: none;
	}
	
	#video-player {
		position: relative;
		display: block !important;
		padding: 14px 24px;
		margin-bottom: 14px;
		width: 320px;
		height: 354px;
		z-index: 2;
	}
	#video-player > div {
		position: static;
		margin: 0;
	}
	#video-controls {
		right: 26px;
		top: 16px;
	}
	#video-replay-button {
		left: 24px;
		top: 50px;
	}
	
	#subscribe-form1 .left-con {
		width: 50%;
	}
	#subscribe-form1 .right-con {
		width: 50%;
	}
	#subscribe-form1 .right-con > div {
		margin-top: 0;
		padding: 0 15px 40px 30px;
	}
	#subscribe-form1 > .top > .float-right {
		width: 40%;
		margin-right: 10%;
	}
	#subscribe-form1 > .top > .float-left {
		width: 40%;
		margin: 0;
		padding-top: 0;
	}
	
	#words-container .tabs > div.tab.search input[type="text"] {
		width: 56%;
		margin-top: 9px;
	}
	
	
	#main-content-header #page-header-text,
	#main-content-header.has-tabs #page-header-text {
		padding: 14px 18px;
	}
	#main-content-header > div {
		padding: 14px 18px;
	}
	#main-content-header.has-tabs > div {
		padding-bottom: 14px;
		text-align: left;
	}
	#tabs {
		left: inherit;
	}
	#tabs > ul > li {
		font-size: 15px;
		margin-left: 12px;
	}
	#tabs > ul > li > a {
		padding: 8px 28px;
	}
	#tabs .counter {
		padding: 2px 6px;
		margin-left: 6px;
		margin-top: 0;
	}
	
	.admin-links-container > a {
		min-width: 26%;
	}
	
	
	#index-container #left-column,
	#index-container #right-column {
		float: left;
		width: 55%;
	}
	#index-container #right-column {
		width: 45%;
	}
	#index-container #left-column > div,
	#index-container.is-logged-in #left-column > div {
		margin-right: 42px;
		margin-top: 0;
	}
	#index-container #login-container {
		position: relative;
		left: inherit;
		top: inherit;
		width: auto;
	}
	#index-container .content-container > div {
		padding: 20px 28px;
	}
	
	#app-container #left-column {
		margin-left: 0;
		width: 43%;
	}
	
	
	table.basic th, table.basic td {
		padding: 9px 11px;
	}
	
	
	.span-16 {
		width: 405px;
	}
	#metanav {
		width: 740px;
	}
	
	
	#footer-container .copy, #footer-container .rights {
		display: inline;
	}
	
	
	.jqmWindow, #controversial-password-container.jqmWindow {
		left: 50%;
		margin-left: -400px;
		width: 800px;
	}
	#controversial-password-container.jqmWindow {
		width: 500px;
		margin-left: -250px;
		height: 390px;
		max-height: 390px;
	}
	#controversial-password-container.jqmWindow > .content {
		padding-top: 48px;
	}
	#about-container.jqmWindow, #grammar-container.jqmWindow {
		height: 86%;
		max-height: 820px;
		top: 7%;
	}
	.jqmWindow > .content {
		left: 24px;
		right: 24px;
		bottom: 24px;
	}
	.jqmWindow > .title {
		font-size: 24px;
	}
	
	
	.modal-dialog {
		padding: 20px;
		font-size: 13px;
	}
	.modal-dialog .ui-dialog-titlebar {
		right: 30px;
		top: 40px;
	}
	
	
	.app-screenshot {
		float: right;
		margin: 0 0 40px 40px;
	}
	
	
	#main-content .page-actions-container {
		float: right;
		text-align: left;
		margin-bottom: 0;
	}
	

	.no-mobile {
		display: inline;
	}
	div.no-mobile, p.no-mobile, ul.no-mobile {
		display: block;
	}
	.mobile-only {
		display: none !important;
	}
}

@media only screen and (min-width: 900px) {
	body {
		background-size: inherit;
	}
	#audnav {
		margin-top: 23px;
	}
	#header {
		height: 69px;
	}
	#mothership {
		width: 875px;
	}
	#topcontain {
		background-size: 874px 227px;
	}
	#pagetitle {
		margin-top: 157px;
	}
	#pagetitle > a.logo {
		margin: 0 4px 0 6px;
	}
	#maincontain {
		padding: 0 25px 25px 25px;
	}


	#index-container .content-container > div {
		padding: 30px 38px;
	}

	#app-container #left-column {
		width: 52%;
	}

	
	#words-info-container > .words-info {
		font-size: 12px;
		letter-spacing: 0.28em;
	}
	
	#words-container .tabs > div.tab {
		width: 28%;
		font-size: 14px;
		line-height: 52px;
		height: 52px;
	}
	#words-container .tabs > div.tab.search input[type="text"] {
		background-size: 14px 16px;
		padding: 7px 12px 7px 28px;
		font-size: 13px;
		margin-top: 12px;
		width: 70%;
	}
	
	.span-16 {
		width: 530px;
	}
	#metanav {
		width: 860px;
	}
	

	#footer-container .left {
		float: left;
	}
	#footer-container .right {
		float: right;
	}
}

@media only screen and (min-width: 1028px) {
	#mothership {
		width: 1003px;
	}
	#topcontain {
		background-size: 100% 227px;
	}
	#maincontain {
		padding: 0 40px 40px 40px;
	}
	
	.content-container {
		width: 88%;
	}
	.content-container > div {
		padding: 30px 42px 36px 42px;
	}
	
	#subscribe-form1 > .top > .float-left {
		margin-left: 10%;
	}

	#words-info-container > .words-info {
		font-size: 12px;
		letter-spacing: 0.3em;
	}
	
	.content-container .right-con > div {
		margin-top: 0;
		border-top: none;
		text-align: left;
	}
	
	h3 {
		font-size: 20px;
	}
	.content-container h3 {
		line-height: 26px;
	}
	#login-container h3 {
		font-size: 16px;
		line-height: 24px;
	}

	#maincontain .content-container input[type="text"], #maincontain .content-container input[type="password"] {
		width: 92%;
	}
	
	#app-container #left-column {
		margin-left: 40px;
		width: 431px;
	}
	#app-container #right-column {
		width: 368px;
	}
	
	.admin-links-container > a {
		min-width: 20%;
	}
	
	.span-16 {
		width: 630px;
	}
	#metanav {
		width: 980px;
	}
}



/*
 * print styles
 */

@media print {
}