/*--------------------------------------------------------------------
Global CSS
----------------------------------------------------------------------

*notes*
COLORS used in site:
trunity orange:   #f5953b
trunity blue:     #53748a



1. FOUNDATION STYLES
    Links
    Text
    Generic Layout/Utility
    Lists
    Images
    User Input
    Tables

2. FULL STRUCTURE
    Content
    Header
    Footer

4. DEPRECATED
    Top - hides top box on members page
    Form Old - Gallery create
    Box Table - to be replaced with dataTables
    Box Tabs - to be replaced with Jquery UI tabs
    kDialog2 / help popups - to be replaced with dooltips and 
    Old Admin Panel Styles - removed after content/chapter/site edit pages are redesigned as well as various admin modules
    Old admin_table styles - Mostly replaced with dataTables
    admin_btn_'color' - Need to be replaced with modBtn     

5. MODULE STRUCTURE
    modContainer
    modSection
    modRow
    modBtn
    modTable
    Mix ins

6. FORMS 
    formSection

7. DATATABLES
     
8. JQUERY UI
    Jquery UI Tabs
    Jquery UI Vertical Tabs
    Modals
    Modal Buttons
    Accordian

9. CK EDITOR
    Forum CK editor adjustments

10. GLOBAL MODULES
    Chapter Content Order
    Topic Feature 
    Reverse Inverse List
    Dropdown Menus
    Profile View
    Picture Upload
    Purchase Access/TKE
    Side Modules
    JQuery Rating Plugin
    Search Bar
    Announcement Manager
    JQuery Tooltip
    Template Captions Article View
    Content Comments
    topicTree Selector
    RSS Feeds /* Migrate to article_view?
    Article Meta Data Fixes
    Galleries /* Migrate to article_view?
    Messages
    kCalendar + kDatePicker
    Auto Complete 
    Glossary Word Color
    Message Queue
    Shopping Cart Table
    Store Global Changes
    Content Edit 
    Content View
    Annotations
    Common Core Alignments

11. ICONS
    Settings Gear
    Expand / Contract Arrows
    Plus / Minus - Deprecated

12. MODIFIERS
    Misc Modifiers
    Gradient Colors
     
13. CUSTOMER SPECIFIC
    EoE Footer

14. CLEARFIX


----------------------------------------------------------------------*/

/* Global Reset
----------------------------------------------------------------------*/
@import url(smoothness/jquery-ui.css);
@import url(globalReset.css);

/*/////////////////////////////////////////////////////////////////////////////////////////////// COLORS USED */

/* Text Colors */
.tru_Blue {
	color:#53748a;
}

.tru_Lblue {
	color:#5E8FB0;
}
.tru_Mblue {
	color:#53748a;
}
.tru_Dblue {
	color:#355872;
}
.tru_Orange {
	color:#f5953b;
}

/* Global Styles
----------------------------------------------------------------------*/
body {
	color: #404040;
	font-size: 10px;
	font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
	line-height: 1.3;
	background: #fff /*url(/themes/admin_styles/img/trunity_background.png) no-repeat center top*/;
}
pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/*--------------------------------------------------------------------- 
* 1. Foundation Styles - Current 09/18/12
----------------------------------------------------------------------*/

/* Legacy Spacing (get rid of as soon as possible 8/19/13) */

p, pre, h1, h2, h3, h4, h5, h6, ul, ol, dl, table {
margin-bottom: 1em;
}

/* Links
----------------------------------------------------------------------*/
a:link, a:visited {
	color: #3174D2;
	text-decoration: none;
}
a:hover {
        text-decoration:none;
}
a:link:hover {
	text-decoration: underline;
}
a img {
	border-style: none;
}
.topicIconAndContent a img {
	border-style: none;
    float: left; 
}
.ui-tabs-panel a:link, .ui-tabs-panel a:visited {
    color: #3174D2;
}
.ui-tabs-panel a:hover {
    text-decoration:underline;
}
.ui-tabs-panel h3 a{
    color: #3174D2;
}
.ui-tabs-panel h3 a:hover {
    text-decoration:underline;
}

/* Text
----------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	/*font-weight: bold;
    margin-bottom: 11px;*/
}
h1 {
	font-size: 26px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 14px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 14px;
}

.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

/* LAYOUT generic styling / UTILITY styling 
----------------------------------------------------------------------*/
.hide {
	display:none;
}
.left {
	float:left;
}

.right {
	float:right;
}

.width50 {
	width:50%;
}

.width100 {
	width:100%;
}

.clearDiv {
	clear:both;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.offsetGreen{
	background-color:#e8f5d4;
	padding: 15px; 
	margin-bottom: 10px; 
	font-family:arial
}

.offsetBeige{
        background-color:#f4e5d4;
        padding: 15px; 
        margin-bottom: 10px; 
        font-family:arial
}

.offsetBlue{
        background-color:#d4ecf5;
        padding: 15px; 
        margin-bottom: 10px; 
        font-family:arial
}

.offsetGray{
        background-color:#CCCCCC;
        padding: 15px; 
        margin-bottom: 10px; 
        font-family:arial
}


/*///////////////////////////////////////// COLORS USED */

/* Text Colors */
.tru_Blue {
	color:#53748a;
}

.tru_Lblue {
	color:#5E8FB0;
}
.tru_Mblue {
	color:#53748a;
}
.tru_Dblue {
	color:#355872;
}
.tru_Orange {
	color:#f5953b;
}

/* BACKGROUNDS */

.bg_Lgrey {
	background:#eee;
}
/* Test classess */
.orangeTest {
		border:2px solid orange;
		background:orange;
	}
.greenTest {
		border:2px solid green;
}

/*////////////////////////////////////////////// MARGINS (generic margin classes) */
.marg00 {
	margin:0px;
}
.marg15 {
	margin:15px;
}
.marg_b_05 {
	margin:0 0 5px 0;
}
.marg_b_08{
	margin:0 0 8px 0;
}
.marg_b_10{
	margin:0 0 10px 0;
}
.marg_b_15{
	margin:0 0 15px 0;
}
.marg_t_15{
	margin:15px 0 0 0;
}
.marg_t_08 {
	margin:8px 0 0 0;
}

/*////////////////////////////////////////////// PADDING (generic padding classes) */
.pad05 {
	padding:5px;
}
.pad08 {
	padding:8px
}
.pad_t_08 {
	padding:8px 0 0 0;
}
.pad_b_08 {
	padding:0 0 8px 0;
}
.pad10 {
	padding:10px;
}
.pad_l_20 {
	padding:0 0 0 20px;	
}
/*////////////////////////////////////////////////////////////////////////////// BORDERS */
.bord00 {
	border:none;
}

.bord01 {
	border:1px solid #bebebe;
}

.bord_t_01 {
	border-top:1px solid #bebebe;
}
.bord_t_00 {
	border-top:none;
}
/*////////////////////////////////////////////////////////////////////////////// GENERIC UI Elements */

.dragHandle {
		/*background:url('/themes/admin_styles/img/drag-handle.png');*/
		background:url('/modules/ContentTabs/templates/css/img/dragndrop.png') no-repeat 6px 7px;
		display:inline-block;
		width:28px;
		height:28px;
		margin:0 0 0 10px;		
	}
.dragHandle:hover{
	cursor:move;	
}
.deleteContent {
	background:url('/themes/admin_styles/img/removeMember.png');
	width:16px;
	height:16px;
}
.deleteContent:hover {
	background:url('/themes/admin_styles/img/removeMember.png') 0px -15px;
}

/* Instructor View Only styling */

.private {
	color:red !important;
}


/* JQuery UI font modifications */
.ui-dialog h1, .ui-dialog h2, .ui-dialog h3, .ui-dialog h4, .ui-dialog h5, .ui-dialog h6, .ui-dialog p {
    padding-bottom: 11px;
    margin-bottom:11px;
    font-weight: normal !important;
}
/* .mod tools font modifications */
.modSection h1, .modSection h2, .modSection h3, .modSection h4, .modSection h5, .modSection h6, .modSection p {
    padding-bottom: 5px;
    margin-bottom:5px;
    font-weight: normal;
}
	.modSection h1 {
		color: #355872;		
	}
	.modSection h2 {
		color: #5E8FB0;
		/*font-size: 18px;*/
	}
/* contentDetail font modifications */
.contentDetail{
    font-size: 16px !important;
    line-height: 1.5;
    font-family: georgia, serif
}
.contentDetail h1, .contentDetail h2, .contentDetail h3, .contentDetail h4, .contentDetail h5, .contentDetail h6 {
    /*font-weight: bold;*/
    margin-bottom: 5px;
    /*font-family: 'georgia', serif;*/
    font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
}

/* Lists
----------------------------------------------------------------------*/

#topofcontent ol, body.cke_show_borders ol, .userContent ol {
    list-style-type: decimal;
    padding-left: 20px;
}

#topofcontent ol li, body.cke_show_borders ol li, .userContent ol li {
    position:relative;
    left:20px;
}

#topofcontent ul, body.cke_show_borders ul, .userContent ul {
    list-style-type: disc;
    padding-left: 20px;
}

#topofcontent ul li, body.cke_show_borders ul li, .userContent ul li {
    position:relative;
    left:20px;
}

/* Images
----------------------------------------------------------------------*/

/* User Input styling
----------------------------------------------------------------------*/
.shortIntTextBox {
	width:30px;
	text-align:right;
}

/* Tables - Deprecated - 09/18/12
----------------------------------------------------------------------*/
#topofcontent table td,#topofcontent table th {

}
table {
            border-collapse: collapse;
                        margin-bottom: 0;
}
table th {
            font-weight: bold;
                        vertical-align: middle;
                                        padding: 5px;
}
table td {
            padding: 5px;
                        vertical-align: top;
}
table th.first,
table td.first {
            padding: 5px 5px 5px 15px;
}
table th.last,
table td.last {
            padding: 5px 15px 5px 5px;
}

table tr.plain td {
            border-bottom: 0;
}
table tr.even td {
            background: white;
}

.cellInt {
	text-align:center;
}

/*---------------------------------------------------------------------
* 2. FULL STRUCTURE - Current - 09/18/12
----------------------------------------------------------------------*/

/* Content
----------------------------------------------------------------------*/
.wrapper /* Contains the footer */{
    width: 978px;
    margin: -10px auto 0 auto;
    padding: 0 5px 0 4px;
    background: white;
}
#wrapper {
    width: 987px;
    position: relative;
    margin: 0 auto;
    background-color: white;
}

#leftnav {
    width: 191px;
    float: left;
    display: inline;
    margin-right: 15px !important;
    margin-bottom: 25px;
    font-size:11px;
}
.leftNavLinkContainerInner{
	font-size:11px;
}

#container {
    width: 100%;
}
#container:after {
    content: "";
    display: table;
    clear: both;
}

#content {
    float: left;
    width: 770px;
    padding: 0;
    position: relative;
    margin-right: 0px;
    margin-bottom: 25px;
    z-index: 1 !important;
}

/* Header - Current - 09/18/12
----------------------------------------------------------------------*/

/* Portal Scope - Current - 09/18/12

Styles the header when no logo or banner is present.

--------------------------------------------------------------------*/
#header div#logo.portal-scope {
    text-align: center;
}
#header div#logo.portal-scope a {
    font-size: 30px;
    line-height: 46px;
}
#header div#logo.portal-scope a img {
    display: block;
    margin: 0 auto;
}

/* Header -> Banner - Current - 09/18/12

Structure and style for the Edit Settings standard banner option.

-----------------------------------*/
#header .main-banner-wrapper {
    background: url(../i/banner_top.gif) no-repeat;
    padding-top: 30px;
}
#header .main-banner-wrapper.portalImg {
    background: none;
    padding-top: 0;
}
#header .banner {
    clear:both;
}
#header .banner a,
#header .banner span {
    display: block;
    _display: inline-block;
    border-bottom: 1px solid white;
}

/* ACCOUNT SECTION BANNER - Current - 09/18/12 */

#header .main-banner-wrapper {
    background: none !important;
}
#header div#logo.manyone-scope a, #header div#logo.myaccount-scope a, #header div#logo.manageportals-scope a {
    display: block;
    height: 75px;
    width: 217px !important;
    margin: 20px auto 0 !important;
    background: url(/themes/admin_styles/img/trunityLogo.png) no-repeat !important;
    text-indent: -5000px;
    overflow: hidden;
}

/* Login/Purchase Access Trunity logo positioning - Current - 09/14/12 

Styling and positioning of the trunity logo in account pages.

--------------------------------------------------------------------------*/

.default-logo {
    width: 150px;
    margin: 0 auto 22px;
    display: block;
}

.default-logo img {
    padding-top: 2px;
    width: 150px;
}

/* Footer - Current - 09/17/12

Used in positioning and styling footer elements.

----------------------------------------------------------------------*/
#footer {
    clear: both;
    margin: 10px 0 0 0;
    border-top: 1px solid gainsboro;
    padding: 5px 10px;
}
#footer p {
    margin-bottom: 0;
}

#footer_custom {
        clear: both;
        margin: 10px 0 0 0;
        border-top: 1px solid #dcdcdc;
        padding: 5px 10px;
    background: #5b6a4e;
}
#footer_custom p {
        margin-bottom: 0;
}

div#title .top {
    display: none;    
}

/* Form -> formbox

Used in gallery created
Old form styles. Need to remove gallery created in order to remove these.

-----------------------------------*/

/* Form -> Layout
-----------------------------------*/
form fieldset {
    border: none;
    padding: 7px 0;
}
form span.error {
    display: block;
    color: #D1392C;
}
form div.error label {
    color: #D1392C;
}
form div.error input.text,
form div.error input.password,
form div.error textarea,
form div.error select {
    border: 1px solid #F1B3B3;
    border-top: 1px solid #D1392C;
    border-left: 1px solid #D1392C;
    background: #ffc;
}
form div {
}
form div.buttons {
    margin-left: 0;
}
form div label {
    float: left;
    display: inline;
    width: 145px;
}
form div div label {
    float: none;
    display: inline;
    width: auto;
    margin-left: 0;
    font-weight: normal;
}
form div div {
    padding: 0;
    margin: 0;
}

#leftnav #topics form div div label.checkbox {
    line-height: 1.7em;
    _line-height: 1.2em;
}
#leftnav #topics form div div label input.checkbox {
    float: left;
}


form div.iefix {
    _height: 1%; /*IE FIX*/
    margin-bottom: 10px;
    overflow:hidden;
}
form div ul.checkbox li,
form div ul.radio li {
    margin: 0px;
    padding: 0px;
    margin-bottom: 3px;
}
form div ul.checkbox li label,
form div ul.radio li label {
    font-weight: normal;
}
form .titleBarSubmitButton {
    position: absolute;
    top: 11px;
    right: 19px;
    padding: 0;
    text-align: right;
}
#content.fckeditor form .titleBarSubmitButton {
    right: 34px;
}
form .titleBarSubmitButton .cancelButton {
    margin-left: 8px;
}
form .titleBarSubmitButton div {
    margin: 0;
}
/* fullwidth */
form div.fullwidth {
    padding: 0;
}
form div.fullwidth label {
    float: none;
    margin: 0 0 5px 0;
    display: block;
    width: auto;
}

/* Form Elements - Deprecated - 09/18/12
----------------------------------------------------------------------*/
input.text,
input.password {
    color: #000;
    border: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #7c7c7c;
    padding: 2px;
    width: 194px;
    font-size: 10px;
}
input.checkbox,
input.radio {
    _height: 13px;
    _width: 13px;
}
input.file {
    padding: 2px;
}
select {
    font-size: 1.1em;
    _font-size: 1em;
}
* + html select {
    font-size: 1em;
}
select option {
    padding: 0 2px;
}
textarea {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 2px;
    width: 382px;
    height: 75px;
}
/**/
div.box form .formbox div {
    padding-left: 150px;
    clear: left;
}
div.box form .formbox div div {
    padding-left: 0;
    clear: none;
}
div.box form .formbox label {
    margin-left: -150px;
    float: left;
}
div.box form .formbox div div label {
    margin-left: 0;
    float: none;
}

div.box form.addgallery .authorid textarea {
    width: 229px;
    height: 33px;
    vertical-align: top;
}

div.box textarea#contentauthors {
    width: 229px;
    height: 33px;
    vertical-align: top;
}
div.box form.addgallery .authorid textarea.defaultValue {
    color: #676767;
}

/* div.box -> table - Deprecated - 09/18/12

Modules using will be replaced with DataTables
Known remaining modules in use 
• /account/content/

-----------------------------------*/
div.box.table {
    margin-bottom: 10px;
}
div.box.table p.links {
    padding: 5px;
    margin-top: 0;
    border-bottom: 1px solid #B5B5B5;
    background: #F2F2F2;
    text-align: right;
}

.box.module-MemberAllContent table {
    width: 100%;
}

/* pagination */
.pagination {
    text-align: right;
    font-weight: bold;
    margin: 5px 0 10px 0;
}
.pagination p {
        text-align: left;
}
.module-MemberGroupProfileMembers .pagination p,
.module-MemberMyFavorites .pagination p,
.module-MemberAllContent .pagination p,
.module-MemberInbox .pagination p,
.module-MemberSentMessage .pagination p {
    text-align: center;
}
.pagination ul {
    float: right;
}
.pagination ul li span {
    font-weight: normal;
}
.pagination ul li {
    display: inline;
}
.pagination ul li.pager-first a {
    margin-right: 5px;
    padding-left: 15px;
    background: url(../i/icon_prev.gif) no-repeat 0 2px;
}
.pagination ul li.pager-previous-label a {
    padding-left: 15px;
    background: url(../i/icon_prev_single.gif) no-repeat 0 2px;
}
.pagination ul li.pager-next-label a {
    margin-right: 5px;
    padding-right: 15px;
    background: url(../i/icon_next_single.gif) no-repeat 100% 2px;
}
.pagination ul li.pager-last a {
    padding-right: 15px;
    background: url(../i/icon_next.gif) no-repeat 100% 2px;
}
div.resultsPerPage {
    float: left;
}

/* Box -> Tabs - Deprecated - 09/17/12

scheduled for removal when the last remaing modules using the old tab styles are removed.

Known uses
• Gallery view
• /account/content

/* div.box -> Media / galleryList -> tabs
-----------------------------------*/
ul.tabs,
div.box.media ul.galleryTabs,
div.box.galleryList ul.galleryTabs {
    border-top: 5px solid #3561B7;
    background: #3561B7;
    margin: 0;
}
ul.tabs li,
div.box.media ul.galleryTabs li,
div.box.galleryList ul.galleryTabs li {
    float: left;
    display: inline;
    padding: 0;
    margin: 0;
}
ul.tabs li.selected,
div.box.media ul.galleryTabs li.active,
div.box.galleryList ul.galleryTabs li.active {
    background: #f2f2f2;
}
ul.tabs li.selected a,
div.box.media ul.galleryTabs li.active a,
div.box.galleryList ul.galleryTabs li.active a {
    color: #333;
}
ul.tabs li a,
div.box.media ul.galleryTabs li a,
div.box.galleryList ul.galleryTabs li a {
    display: block;
    color: white;
    padding: 5px 15px;
}
ul.tabs li a:hover,
div.box.media ul.galleryTabs li a:hover,
div.box.galleryList ul.galleryTabs li a:hover {
    text-decoration: none;
    background: #ddd;
    color: #333;
}
ul.tabs li.selected a:hover,
div.box.media ul.galleryTabs li.active a:hover,
div.box.galleryList ul.galleryTabs li.active a:hover {
    background: #f2f2f2;
}

/* kDialog2 - Deprecated - 09/17/12

Old Help popups. Need to remove from content creation pages before removal.

*/
.superNode iframe {
    display: none !important; /* iFrame was causing problems in IE when dragging box. Popups are used with a scrim that has an iframe fix. */
}
.kDialog2 {
    background-color: #E5E5E5;
    border: 1px solid #ccc;
    text-align: left;
}
.kDialog2 dl {
    margin: 0;
    padding: 10px;
}
.kDialog2 dt {
    background-color: #ccc;
    color: #000;
    border: 2px solid white;
    border-bottom: 1px solid white;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    _height: 20px;
    min-height: 20px;
    font-weight: bold;
    padding: 0 30px 0 5px;
    cursor: move;
    position: relative;
}
*+html .kDialog2 div.contwrapper {
    width: 100%;
}
*+html .kDialog2 dl {
    width: 100%;
}
.kDialog2 dt em {
    font-style: normal;
    color: #616161;
    padding-left: 60px;
    line-height:2em;
}
.kDialog2 dt span.close {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    height: 14px;
    width: 14px;
    background: url(../i/icon_close2.gif) no-repeat;
    text-indent: -5000px;
    overflow: hidden;
}

.kDialog2 dd.content {
    border: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    border-top: 0;
    padding: 5px;
}
.kDialog2 dd.content div.text {
    margin: 10px 0 5px 0;
}
.lightbox {
    z-index: 10;
}
#flashnav-curtain {
    width: 987px !important;
}
/* kDialog2 -> Form -Deprecated -09/14/12 */

* html .kDialog2 form {
    width: 1%; /* IE */
}
.kDialog2 form div {
    margin-bottom: 3px;
}
.kDialog2 form div div {
    padding: 0;
    margin: 0;
}
.kDialog2 form div label {
    /*margin-left: -100px;*/
    width: 100px;
}
.kDialog2 form div div label {
    float: none;
    display: inline;
    width: auto;
    margin-left: 0;
}
.kDialog2 textarea {
    width: 250px;
    height: 40px;
}
.kDialog2 div.buttons input {
    margin-right: 5px;
}
.kDialog2 a.resizer {
    display: block;
}

/* kDialog2 -> LightboxPopup - Deprecated - 09/14/12

Old help popup styles and content. replace with the new jquery dialogs or help tooltips where appropriate.

Known places still in use -
• Content/site/topic creation/edit pages
• Invite members import contacts.

----------------------------------*/
.kDialog2.lightboxPopup {
    max-width: 538px;
    width: expression(document.body.clientWidth > 528? "528px" : "auto");
    border: 1px solid #FF7F24;
    padding: 4px;
    background: #FFFFFF;
    color: #616161;
}

.kDialog2.lightboxPopup div.contwrapper form fieldset {
    width: expression(document.body.clientWidth > 508? "508px" : "auto"); /* IE */
}
.kDialog2.lightboxPopup .contwrapper {
    background: #FFFFFF;
    overflow:hidden;;
}
.kDialog2.lightboxPopup dt {
    padding: 8px 30px 8px 8px;
    background: #FFFFFF url('/themes/newbase/i/default/lifering.jpg') no-repeat scroll 0 0;
    font-size: 18px;
    font-weight: bold;
    font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
    text-transform: capitalize;
}
.kDialog2.lightboxPopup dt span.subtitle {
    display: block;
    color: #adbfdc;
    font-size: 11px;
    font-weight: normal;
    margin-top: 5px;
}
.kDialog2.lightboxPopup dd.content {
    border: 0;
    padding: 8px;
}
.kDialog2.lightboxPopup dd.content div.text {
    margin-top: 0;
}
.kDialog2.lightboxPopup dd.content h3 {
    color: #1f3f78;
    font-size: 13px;
    font-weight: bold;
    font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
    text-transform: uppercase;
}
.kDialog2.lightboxPopup dd.content img {
    display: block;
    margin-bottom: 10px;
}

.kDialog2.lightboxPopup dd.content img.inline {
    display: inline;
    margin-bottom: 0;
}
.kDialog2.lightboxPopup dd.content ul li {
    background: url(../i/bullet_arrow_orange2.gif) no-repeat 0 5px;
    padding: 0 0 0 12px;
}
.kDialog2.lightboxPopup dd.content ol {
    margin-left: 18px;
}
.kDialog2.lightboxPopup dd.content ol li {
    list-style-type: decimal;
    list-style-position: outside;
}
.kDialog2.lightboxPopup dd.content a.learnmore {
    margin-left: 10px;
}
.kDialog2.lightboxPopup dd.content a.learnmore img {
    display: inline;
    margin: 0;
}
.kDialog2.lightboxPopup dd.content .buttons {
    text-align: right;
}
/* noTitle */
.kDialog2.lightboxPopup.noTitle dt {
    border: 0;
    background: none;
}
.kDialog2.lightboxPopup.noTitle dd.content {
    padding-top: 0;
}
.kDialog2.lightboxPopup.SlideShowPro {
    width: 420px;
}

/* kDialog2 -> LightboxPopup -> ContactImportPopup - Deprecated - Replace with jquery dialogs*/
.contactImportPopup .module-ContactImport form {
    max-height: 340px;
    _height: 340px;
    overflow: auto;
    overflow-x: hidden; /* IE7 */
}
.contactImportPopup .module-ContactImport {
    padding-bottom: 29px;
}
.contactImportPopup .module-ContactImport p {
    position: absolute;
    bottom: 13px;
    left: 14px;
}

/* kDialog2 -> ManyOne Tour - Deprecated - Replace with jquery dialogs*/
.kDialog2.manyoneTour {
    padding: 4px;
    background: #000;
    border: 0;
}
.kDialog2.manyoneTour dt {
    display: none;
}
.kDialog2.manyoneTour dd.content {
    border: 0;
    padding: 0;
}
.kDialog2.manyoneTour dd.content div.text {
    margin-top: 0;
}
.kDialog2.manyoneTour dd.content p.buttons {
    text-align: right;
    margin: 0;
}

/* kDialog2 -> ManyOne Tour -> Banner - Deprecated - replace with jquery dialog's*/
.kDialog2.manyoneTour.banner {
    padding: 0;
}

/* Help Popup - Deprecated - 09/14/12 - Replace with help tooltips*/
a.help,
a.help2 {
    display: -moz-inline-box;
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(../i/icon_help.png) no-repeat;
    font: 0/0 arial;
    text-indent: -5000px;
    overflow: hidden;
    vertical-align: bottom;
}
* html a.help,
* html a.help2 {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/themes/newbase/i/icon_help.png');
}


/* 2.3 ADMIN PANEL STYLES - **DEPRECATED** ------------------------------------------------

Old module styles, looking to replace with New .formSection styles and the new Module Structure

USAGE -------------------------------------------------------------------------------------

div.admin_container
    div.admin_header
        div.admin_header_description

    div.admin_panel_container

        div.admin_panel_header
            div.admin_panel_label

        div.admin-panel_section (odd, even)
            div.admin_panel_row
                div.admin_panel_row_label
                div.admin_panel_row_form
            div.admin_panel_row
                div.admin_panel_row_label
                div.admin_panel_row_form

        div.admin-panel_section (odd, even)
            div.admin_panel_row
                div.admin_panel_row_label
                div.admin_panel_row_form
            div.admin_panel_row
                div.admin_panel_row_label
                div.admin_panel_row_form

-----------------------------------------------------------------------------------------*/

.admin_container {
    width:100%;
    float:left;
    padding: 0 0 50px 0;
}
    .admin_container p {
        line-height:16px;
        font-size:11px;
    }
.admin_header h1 {
    color:#464646;
    font-weight:bold;
}
.admin_header img {
 vertical-align:middle;
}
.admin_header_description {
    padding:30px 0px;
    float:left;
    color:#777;
}
.admin_panel_container {
    overflow:visible;
    border:1px solid #ccc;
    float:left;
    height:auto;
    margin-bottom:20px;
    padding:0;
}
.admin_panel_label {
    float:left;
    padding:0px 12px;
}
   .admin_panel_label p {
        font-size:11px;
        text-shadow: 1px 1px #fff;
        color:#333;
        font-weight:bold;
    }
    .admin_panel_label a:link, .admin_panel_label a:active, .admin_panel_label a:visited /*link color control */8 {
        color:#464646;
        text-decoration:none;
    }
    .admin_panel_label a:hover {
         text-decoration:underline;
          color:#3561b7;
    }
.admin_panel_header{
    background:url(/themes/admin_styles/img/admin_panel_header_bg.png) repeat-x;
    float:left;
    padding:6px 0px;
    width:100%;
}
.admin_panel_section {
    padding:10px 20px;
    width:auto;
    height:auto;
    border-top:1px solid #ccc;
    float:left;
}
.admin_panel_row {
    float:left;
    padding:5px 0px;
    width:100%;
}
    .admin_panel_row p {
        line-height:16px;
        font-size:11px;
    }
.odd {
    background-color:#f7f7f7;
}
.even {
    background-color:#fff;
}
.admin_panel_row_label {
    float:left;
    width:200px;
    padding:5px 0px;
}
    .admin_panel_row_label p {
        line-height:18px;
    }

.admin_panel_row_form {
    float:left;
}
    .admin_panel_row_form textarea {
        height:75px;
    }
    .admin_panel_row_form_radio {
        float:left;
        padding:5px 0px;
        margin-right:10px;
        padding-right:15px;
    }
    .admin_panel_row_form_radio input {
        margin-right:10px;
    }
    .admin_panel_row_form input, textarea {
        font-family:"Lucida Grande", Helvetica, Verdana, sans-serif;
        background-color:none;
        border:1px solid #ababab;
        padding:5px;
        font-size:11px;
        color:#000;
        width:325px;
    }
    .admin_panel_row_form input:focus, textarea:focus {
        border:1px solid #666;
    }
    .admin_panel_row_form.checkbox input {
        border:none !important;
    }

.sort_up {
    float:right;
    display:block;
    border:none;
    width:23px;
    height:23px;
    cursor:pointer;
    margin-right:12px;
    background:url(/themes/admin_styles/img/sort_up.png) no-repeat;
}
    .sort_up:hover {
        background:url(/themes/admin_styles/img/sort_up_hover.png) repeat-x;
    }
.sort_down {
    float:right;
    display:block;
    border:none;
    width:23px;
    height:23px;
    cursor:pointer;
    margin-right:3px;
    background:url(/themes/admin_styles/img/sort_down.png) no-repeat;
}
    .sort_down:hover {
        background:url(/themes/admin_styles/img/sort_down_hover.png) repeat-x;
    }


/* 2.3.1 ADMIN TABLE STYLES - **DEPRECATED**  ----------------------------------------------

To be replaced with datatables

----------------------------------------------------------------------------------------*/

.admin_table {
        border:1px solid #ccc;
            margin-bottom:50px;
}
.admin_table th {
    background:url(/themes/admin_styles/img/admin_panel_header_bg.png) repeat-x;
    padding:6px 12px;
    font-size:11px;
    line-height:16px;
    text-shadow: 1px 1px #fff;
    font-weight:bold;
}
.admin_table tr {
    font-size:11px;
    line-height:16px;
}
.admin_table odd {
    background-color:#f7f7f7;

}
.admin_table td {
    padding:12px 12px;
    border-top:1px solid #ccc;

}
.admin_table img {
    vertical-align:middle;
    margin-right:7px;

}
.row_element {
    float:left;
    width:140px;
    padding:0px 12px;
}
.admin_panel_row_split{
    display:inline-block;
    width:355px;
}
.admin_panel_row_split strong{
   width:150px !important;
   margin-right:10px;
   display:inline-block;
}
.admin_panel_row_split input,.admin_panel_row_split textarea{
    width:200px !important;
    display:inline-block;
}

/*4.1 ADMIN BUTTONS **DEPRECATED - PLANNED FOR REMOVAL** -----------------------------------------
    *note - deprecated for the sake of scalability.

    .admin_btn_grey         -   light grey button
    .admin_btn_orange       -   orange button
    .admin_btn_charcoal     -   dark grey button
    .admin_btn_red          -   red button
    .admin_btn_blue         -   blue button

 --------------------------------------------------------------------------------------------*/

.admin_btn_grey, a.admin_btn_grey, a:link.admin_btn_grey, input.admin_btn_grey,
.admin_btn_silver, a.admin_btn_silver, a:link.admin_btn_silver, input.admin_btn_silver  {
    padding: 5px 13px !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -ms-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -o-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    background:url(/themes/admin_styles/img/grayBtn.png) 0px 0px repeat-x;
    display:block;
    color:#fff !important;
    text-shadow:0px 1px #696969;
    border:1px solid #8f8f8f !important;
    cursor:pointer;
    line-height:normal;
    margin-top:2px;
    margin-left:10px;
    font-size: 13px !important;
    float:right;
}
    .admin_btn_grey:hover, a:hover.admin_btn_grey, a:link:hover.admin_btn_grey, .a:hover .admin_btn_grey,
    .admin_btn_silver:hover, a:hover.admin_btn_silver, a:link:hover.silver, .a:hover .admin_btn_silver {
        background-position: 0px -28px;
        text-decoration: none !important;
    }
.admin_btn_orange, a.admin_btn_orange, a:link.admin_btn_orange {
    padding: 5px 13px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -ms-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -o-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    background:url(/themes/admin_styles/img/orangeBtn.png) 0px 0px repeat-x;
    display:block;
    border:1px solid #dc8f20;
    color:#fff;
    text-shadow: 0px 1px #dc8f20;
    cursor:pointer;
    line-height:normal;
    margin-top:2px;
    margin-left:10px;
    font-size:13px !important;
    float:right;
}
    .admin_btn_orange:hover, a:hover.admin_btn_orange, a:link:hover.admin_btn_orange, a:hover .admin_brn_orange {
        background-position: 0px -28px;
        text-decoration: none !important;
    }
.admin_btn_red, a.admin_btn_red, a:link.admin_btn_red {
    padding: 5px 13px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -ms-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -o-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    background:url("/themes/admin_styles/img/redBtn.png") 0px 0px repeat-x;
    display:block;
    border:1px solid #b5361a;
    color:#FFFFFF;
    text-shadow: -1px -1px #b5361a;
    cursor:pointer;
    line-height:normal;
    margin-top: 2px;	 
    margin-left:10px;
    font-size: 13px !important;
    float:right;
}
    .admin_btn_red:hover, a:hover.admin_btn_red, a:link:hover.admin_btn_red, a:hover .admin_btn_red {
        background-position: 0px -28px !important;
        text-decoration: none !important;
    }
.admin_btn_blue, a.admin_btn_blue, a:link.admin_btn_blue, input.admin_btn_blue {
    padding: 5px 13px !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -ms-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -o-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    background:url(/themes/admin_styles/img/blueBtn.png) 0px 0px repeat-x;
    display:block;
    color:#fff;
    text-shadow:0 1px 1px #46687e;
    border:1px solid #46687e!important;
    cursor:pointer;
    line-height:normal;
    margin-top:2px;
    margin-left:10px;
    font-size: 13px !important;
    float:right;
}
    .admin_btn_blue:hover, a:hover.admin_btn_blue, a:link:hover.admin_btn_blue {
        text-shadow: 0 1px 1px #20364a;
        border: 1px solid #46687e;
        background-position: 0px -28px !important;
        text-decoration: none !important;
    }
.admin_btn_charcoal, a.admin_btn_charcoal, a:link.admin_btn_charcoal {
    padding: 5px 13px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -ms-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -o-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    background:url(/themes/admin_styles/img/charBtn.png) 0px 0px repeat-x;
    display:block;
    border:1px solid #606060;
    color:#fff;
    text-shadow: -1px -1px #606060;
    cursor:pointer;
    line-height:normal;
    margin-top:2px;
    margin-left:10px;
    font-size: 13px !important;
    float:right;
}
    .admin_btn_charcoal:hover, a:hover.admin_btn_charcoal, a:link:hover.admin_btn_charcoal {
        background-position: 0px -28px;
        text-decoration: none !important;
    }

/*----------------------------------------------------------------------
* 5. MODULE STRUCTURE
-----------------------------------------------------------------------*/

/* Mod - Current - 09/12/12

Browse examples of usage and dependance on the Platform. Generally 
.modContainer can be avoided, but is available as a case for multiple 
.modSections if needed.

Usage

div.modContainer
    div.modSection
        div.modRow 

-----------------------------------------------------------------------*/

/* Container Element */
.modContainer {
    width:100%;
    display:block;
    clear:both;
    margin-bottom:10px;
}
    .modContainer ul{
        padding:0;
        margin:0;
    }
    .modContainer li{
        padding:0;
        margin:0;
    }
    .modContainer a{
        color: #3561B7;
        text-decoration: none;
    }
    .modContainer a:hover {
        text-decoration: underline;
    }
    .modContainer a:active {
        text-decoration: underline;
    }

/* Section Element */
.modSection{
    padding: 40px 40px 18px;
    overflow:hidden;
}
    .modSection.overflow {
        overflow:visible;
    }
    .modSection.odd, .odd{
        background:#f7f7f7;
    }
    .modSection.fade {
        background: url(/themes/admin_styles/img/sectionFadeBorder.png) no-repeat 0 0;
        min-height: 175px;
    }
    .ui-dialog-content .modSection {
        padding: 22px 40px 0px;
    }
        .ui-dialog-content .modSection.bad {
            background: #FCEAE8;
            color: #404040;
        }
        .ui-dialog-content .modSection.header {
            background: #EBEBEB;
        }
    .modSection.subset {
        padding: 40px 0 18px;
        margin: 0 40px;
        clear:both;
    }

/* Row Element */
.modRow {
    width:auto;
    display:block;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
/*    clear:left;
    content: "";
*/    position: relative;
}
   .modRow:after {
        display: table;
        content: "";
        clear:both;
    }
    .ui-dialog-content .modRow {
        padding: 0 0 5px 0;
        margin: 0 0 5px 0;
        overflow: hidden;
    }
    .ui-dialog-content .modRow.short {
        width: 250px;
        float: left;
        clear:none;
    }

/* Buttona Structure */
.modBtn, a.modBtn, a:link.modBtn {
    display: block;
    cursor: pointer;
    line-height: normal;
    margin-top: 2px;
    margin-left: 10px;
    font-size: 13px !important;
    float: right;
    padding: 5px 13px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -ms-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -o-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
}
    a.modBtn:hover, .modBtn:hover, a:hover.modBtn, a:hover .modBtn {
        text-decoration: none;
    }

/* FIREFOX BUTTON PADDING FIX */

button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
 padding: 0 !important;
 border: 0 none !important;
}


/* Add button used in workflow and royalties management in content creation*/
.addOptionButton {
    margin: -37px 0 0 -5px;
    float: right;
    display: inline;
    font-weight: bold;
    font-size: 18px !important;
    position: relative;
    top: 2px;

    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


/* 2.2.1 MODULE TABLES ----------------------------------------------------------------

Not currently used or intended to be used, see DataTables.

--------------------------------------------------------------------------------------*/

table.modTable {
    border: 1px solid #ccc;
    border-collapse:collapsed;
    width:auto;
}
table.modTable th {
    padding: 9px 12px;
    vertical-align:center;
}
table.modTable td {
    border-top: 1px solid #ccc;
    padding: 2px 5px;
    vertical-align: center;
}
table.modTable tr:nth-of-type(odd), table.modTable tr.odd {
    background: #f7f7f7;
}

/* --------------------------------------------------------------------- 
* 6. FORMS
--------------------------------------------------------------------- */

/* Content Sequence Manage and Random Form Foundation - CURRENT - 09/20/12

Use: to add styling based on positioning and priority of content in a 'featured' list, e.g. topic pages on a repository.

Needs to be reorganized and dumped into modules

-----------------------------------------------------------------------*/
form .modRow label, .modRow label, .modRow .label {
    display:inline-block;
    float:left;
    width:150px;
    font-weight:500;
    margin-right:15px;
    overflow:hidden;
    font-size: 12px;
    color:#636363;
    margin-bottom: 8px;
}
.modRow .value {
    width: 400px;
    float:left;
}
.modRow .inputInfo {
    float: left;
    margin-left: 10px;
    width: 200px;
}
.modRow .labelInfo {
    padding-top:5px;
    font-weight:400;
    font-style:italic;
    display:block;
}
form .modRow select, form .modRow input, form .modRow textarea,  .modRow .description {
    float: left;
    display:inline-block;
    width:350px;
}
    .modRow select.time {
        width:50px;
    }
    input, textarea {
        border: 1px solid #CCC;
        padding: 5px;
        background: #fff;
    }
        .modRow input, .modRow textarea {
            width: 400px;
        }
    input[type=submit], input[type=button], input[type=image] {
        width: auto;
    }
    input[type=checkbox],
    input[type=radio]{
        width:12px !important;
        border:0;
        padding:0;
    }
    input[type=image], input[type=file] {
        border:0;
        padding:0;
    }

.radioCheckGroup {
    display: block;
    float:left;
}
    .radioCheckGroup .radioCheckOption {
        display:block;
        float:left;
        width: 300px;
    }

/* File Input Styling */

.file_input_textbox {
    float:left;
 }

.file_input_div {
    position:relative;
    width:80px;
    height:30px;
    overflow: hidden;
    float:left;
}



.file_input_hidden {
    font-size:45px;
    position:absolute;
    right:0px;
    top:0px;
    cursor:pointer;
    opacity:0;filter:alpha(opacity=0);
    -ms-filter:"alpha(opacity=0)";
    -khtml-opacity:0;-moz-opacity:0;
}

/* FORM STYLES - Current - 09/20/12

Use: to add styling based on positioning and priority of content in a 
'featured' list, e.g. topic pages on a repository.

----------------------------------------------------------------------*/
.formGroup {
    width:auto;
    display:block;
    padding: 0 0 5px ;
    margin: 0 0 5px ;
}

.formGroup:after {
    display: table;
    content: "";
    clear: left;
}

    .formGroup.borderTop {
        padding-top: 10px !important;
        margin-bottom:5px !important;
    }

legend {
    font-size: 1.6em;
    margin-bottom: 11px;
    padding-bottom: 11px;
    color: #ccc;
}

.formSection /* modRow for Forms*/{
    float:left;
    margin-bottom:10px;
}
    .formSection.short {
        width: 333px;
    }
    
    .formSection.short .dk_toggle {
        width:294px;
    }
    .formSection .dk_toggle {
        width:652px;
    }
    .formSection.short.time .dk_toggle {
        width: 185px;
    }

.formSection input[type='text'],
.formSection textarea {
    padding: 8px !important;
    margin-top: 0;
    font-size:12px;
    border-radius:2px;
    border: 1px solid #bebebe !important;
    background:url(/themes/admin_styles/img/trunityLoginformBg.png) repeat-x 0 0 #fff!important;
    color:#989898;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
    .formSection .cke_wrapper {
        width: 675px;
    }
    .ui-dialog-content .formSection .cke_wrapper {
        width:505px;
    }
.formSection input:focus, .formSection textarea:focus {
    background:#f1f5f7 !important;
    color:#6e6e6e;
}
.formSection input[type="checkbox"], .formSection input[type="radio"] {
    width: 15px !important;
}

/* Form Placeholder Text Styling */
::-webkit-input-placeholder {
   color:#989898 !important;
}
textarea:-moz-placeholder {
   color:#989898 !important;
}
	.formSection select {
   		padding: 6px;
   		font-size: 13px !important;
   		color: #222 !important;
    	text-shadow:0px 1px #f5f5f5;
    	margin: 0;
   	}
    .formSection.checkbox {
        width:333px;
    }
        .formSection.checkbox label{
            float:right;
            width:305px;
        }
    .ui-dialog .formSection.checkbox {
        width:250px;
    }
        .ui-dialog .formSection.checkbox label {
            width:229px;
        }

.formSection .rememberMe {
    color:#6a889c;
    font-size:12px;
    float:right;
    margin-right:30px;
    margin-bottom:12px;
}
.formSection .required {
    color:#DC7679;
    margin: 0 5px;
}
.formSection .inputContainer{
    clear:left;
}
    .formSection .inputContainer .left {
        float: left;
        position:absolute;
        margin-left: 10px;
        margin-top:34px;
    }
    .formSection .inputContainer .right {
        float: right;
        position: relative;
        margin-bottom: -26px;
        margin-top:34px;
        padding: 0 8px 0 20px;
    }

    /** AVAILABLE INDICATORS **/
    .formSection .right.bad {
        background: url('/themes/admin_styles/img/x_icon.png') 0 1px no-repeat transparent;
        color:#DC7679;
    }
    .formSection .right.good {
        background: url('/themes/admin_styles/img/check_icon.png') 0 1px no-repeat transparent;
        color:#80BEA3;
    }

/* Labels
--------------------------------------------------------------------- */

.formSection label, .formSection .label {
    display:block;
    font-size: 12px;
    color:#636363;
    margin-bottom:8px;
    width:75%;
    font-weight: 500;
    float: none;
}
.labelLink {
    float:right;
    display:block;
    font-weight:normal;
    font-size:12px;
}

/* Forms - Specific
--------------------------------------------------------------------- */

/* Login Form */
.formSection.login {
    width:300px;
}
.formSection input.login {
    width:282px;
}

/* Form - 1 Column  */
.formSection input.full,
.formSection textarea.full{
    width: /*690px*/672px;
}
	.formSection select.full {
		width: 690px;
	}
	.ui-dialog-content .formSection input.full,
    .ui-dialog-content .formSection textarea.full,
    .ui-dialog-content .formSection select.full {
        width: 500px;
    }

/* Form -- 2 Columns  */
.formSection p {
    clear:both;
}
.formSection.right {
    float:right;
}
.formSection .short {
    width:315px;
    clear:left;
}
	.formSection select.short {
		width: 333px;
	}
	.ui-dialog-content .formSection .short {
        width:250px;
    }
input[type="file"] {
	height: 30px;
}

/* --------------------------------------------------------------------- 
* 7. DATATABLES
--------------------------------------------------------------------- */

.dataTable {
    margin-bottom: 0;    
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}

.dataTables_wrapper {
    margin-bottom: 11px;
}
.dataTables_wrapper .ui-widget-header{
    background:none;
    border:0;
    border-top:1px solid lightGrey;
    padding:5px 0 !important;
}
.dataTables_wrapper .ui-widget-header.ui-corner-bl {
    color: #7A7A7A !important;
    text-shadow: 0 1px #fff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 8px !important;
    background-image: -webkit-linear-gradient(bottom, #CFCFCF 0%, #F7F4F5 100%) !important;
         background-image: -moz-linear-gradient(bottom, #CFCFCF 0%, #F7F4F5 100%) !important;
         background-image: -o-linear-gradient(bottom, #CFCFCF 0%, #F7F4F5 100%) !important;
         background-image: linear-gradient(bottom, #CFCFCF 0%, #F7F4F5 100%) !important;
    background-color: #E6E6E6 !important;
    border: 1px solid lightGrey !important;
    border-radius: 0 0 2px 2px !important;
}
.dataTables_info {
    margin-top: 1px;
    display:inline;
}

.ui-buttonset {
    display: inline;
    float: right;
     margin-right: 7px;
}
    .dataTables_wrapper th {
        color: /*#222*/ #7A7A7A !important;
        text-shadow:0px 1px #f5f5f5;
        border:1px solid #b1b0b0;
        padding: 8px;
        background-image: linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%) !important;
        background-image: -o-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%) !important;
        background-image: -moz-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%) !important;
        background-image: -webkit-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%) !important;
        background-image: -ms-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%) !important;

        border-collapse: collapse !important;
        border-left: 0 !important;
    }
        table.dataTable thead th:first-child {
            border-left: 1px solid lightGrey !important;
            -moz-border-radius: 2px 0 0 0 !important;
            -webkit-border-radius: 2px 0 0 0 !important;
            border-radius: 2px 0 0 0 !important;
        }
        table.dataTable thead th:last-child {
            -moz-border-radius: 0 2px 0 0 !important;
            -webkit-border-radius: 0 2px 0 0 !important;
            border-radius: 0 2px 0 0 !important;
            border-collapse: separate !important;
        }
    .dataTables_wrapper th:hover {
        text-decoration:none !important;
        background-image: linear-gradient(bottom, rgb(186,186,186) 0%, rgb(244,240,240) 100%) !important;
        background-image: -o-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(244,240,240) 100%) !important;
        background-image: -moz-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(244,240,240) 100%) !important;
        background-image: -webkit-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(244,240,240) 100%) !important;
        background-image: -ms-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(244,240,240) 100%) !important;
    }
    .dataTables_wrapper table tbody tr {
        border-top: none !important;
    }
        .dataTables_wrapper table tbody tr:hover {
            background:/*#E4EDF5*/ #f1f5f7;
        }
    .dataTables_wrapper table tbody tr.even td, .dataTables_wrapper table tbody tr.odd td{
        padding:11px 5px!important;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .dataTables_wrapper table tbody tr td a:link, .dataTables_wrapper table tbody tr td a:visited {
        color: #3174d2 !important;
        font-size: 12px;
        font-weight: 500 !important;
        text-decoration: none;
    }
        .dataTables_wrapper table tbody tr td a:hover {
            text-decoration: underline;
        }

    .dataTables_wrapper th, .dataTables_wrapper td {
        font-size: 12px;    
    }
.DataTables_sort_icon {
    float:right;
}
.dataTables_paginate .fg-button {
    width: 20px !important;    
}
.dtCenter {
        margin:5px 0 0 5px;
}

/* Pagination */
.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}
.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}
.dataTables_wrapper table {
    border:none !important;
    width:100%;
    border-collapse: separate !important;
}
thead{
        border-bottom: 1px solid lightGrey;
}
.messagesOpenRow {
        background:inherit !important;
}
.dataTables_wrapper tr td.contentOpenRow {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    /*box-shadow:inset 0px 5px 20px -10px rgba(0,0,0,0.3);
    -webkit-box-shadow:inset 0px 5px 20px -10px rgba(0,0,0,0.3);
    -moz-box-shadow:inset 0px 5px 20px -10px rgba(0,0,0,0.3);
*/}
dataTables_wrapper tr:hover {
    background:#E9EFF4 !important;
}
table tr.even td {
    background: none !important;
}
img.tableIcon {
    margin:0 auto;
}
.dataTables_wrapper table td {
    padding: 5px;
    vertical-align: top;
}

/* --------------------------------------------------------------------- 
* 8. JQUERY UI
--------------------------------------------------------------------- */

/*7.2  JQuery UI Tabs Changes - CURRENT  ---------------------------------------------------------

General adjustments to the jquery ui classes for visual styling on the tabs/data table system and rounded corners.

--------------------------------------------------------------------------------------*/

#tabs {
    overflow: visible;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit;
    font-size: inherit;
}
.ui-tabs {
    position: relative;
    padding: .2em;
    -webkit-line-break: after-white-space;
    zoom: 1;
    width: 100%;
    overflow-y: visible !important;
}
.ui-tabs a {
    color: #222;
}
.ui-tabs a:link, .ui-tabs a:active, .ui-tabs a:visited {
    color: #3174d2;
    text-decoration: none;
}
.ui-tabs-panel a:link, .ui-tabs-panel a:visited {
    color: #3174d2;
}

/* Compensate for link color in modBtn in tab panels */
.ui-tabs-panel a:visited.modBtn, .ui-tabs-panel a:link.modBtn {
    color: #fff;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding:0;
    background: none;
    border-top: 0;
    border-left: 0;
    border-right:0;
}
.ui-tabs .ui-tabs-nav li a {
   padding: 6px 13px;
}
div.box.portalDetail {
    padding: 0px;
    border-bottom: 0;
    font-size: 11px;
    line-height: 1.25;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 12px;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 18px;
    width: 734px;
}
.ui-tabs-panel.modSection{
	min-height:250px;
    width: 690px;
    padding: 40px 40px 18px;
    overflow: visible;
    background:url('/themes/admin_styles/img/topicFadeBorderBottom.png') no-repeat bottom;
    padding-top:15px;
}
.ui-widget {
    font-family:inherit;
}
.ui-widget-content {
    border: none;
    background: transparent ;
    color: #222;
    border-image: initial;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius:;
    border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
}
.ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -khtml-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}
.ui-corner-left, .ui-corner-tl, .ui-corner-tl {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.ui-button-text-only.ui-state-default {
    font-size: 1.2em !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius:2px;
    box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -mox-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -ms-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -o-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    color: #fff !important;
    text-shadow:0px 1px #696969 !important;
    border:1px solid #8f8f8f !important;
    background-image: linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%) !important;
    background-image: -o-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%) !important;
    background-image: -moz-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%) !important;
    background-image: -webkit-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%) !important;
    background-image: -ms-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%) !important;
}
.ui-button-text-only.ui-state-hover,
.ui-button-text-only.ui-state-active {
    text-decoration:none !important;
    text-shadow:0px 1px #4e4e4e !important;
    border:1px solid #737373 !important;
    background-image: linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%) !important;
    background-image: -o-linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%) !important;
    background-image: -moz-linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%) !important;
    background-image: -webkit-linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%) !important;
    background-image: -ms-linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%) !important;
}
.ui-tabs .ui-widget-header {
    border: 0;
    background: url('/themes/admin_styles/img/topicFadeBorder.png') no-repeat 0 30px;
    margin-top:-1px;
    margin-bottom:-145px;
}
    #ContentTabs ul li.ui-state-default a {
        padding: 6px 13px;
    }
    .dataTables_wrapper .ui-widget-header {
        background:none;
        height:auto;
        margin: 0;
    }
.ui-corner-top {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
}
.ui-tabs-nav {
    min-height: 175px;
}
.ui-tabs-nav .ui-state-default {
    margin: 3px 3px 0 0;
    font-size: 13px;
    box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -mox-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -ms-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -o-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    color: #fff;
    text-shadow:0px 1px #696969;
    border:1px solid #8f8f8f;
    background-image: linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%);
    background-image: -o-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%);
}
    .ui-tabs-nav .ui-state-default a {
        color:#FFF;
    }

    .ui-tabs-nav .ui-state-default.blue {
        color: #fff;
        text-shadow: 0 1px 1px #46687e;
        border: 1px solid #46687e;
        background: url(/themes/admin_styles/img/blueBtn.png) 0px 0px repeat-x \9;
        background-image: linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);
        background-image: -o-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);    
    }

        .ui-tabs-nav .ui-state-default.blue:hover {
            text-shadow: 0 1px 1px #20364a;
            border: 1px solid #46687e;
            background-image: linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
            background-image: -o-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
            background-image: -moz-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
            background-image: -webkit-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
            background-image: -ms-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
        }

.ui-tabs-nav .ui-state-hover {
    text-decoration:none;
    text-shadow:0px 1px #4e4e4e;
    border:1px solid #737373;
    background-image: linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%);
    background-image: -o-linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%);
}
    .ui-tabs-nav .ui-state-hover a {
        color:#FFF;
    }
.ui-tabs-nav .ui-state-default.ui-state-active.ui-state-hover, .ui-tabs-nav .ui-state-active {
    border-top: 1px solid #d5d5d5 !important;
    border-left: 1px solid #d5d5d5 !important;
    border-right: 1px solid #d5d5d5 !important;
    box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: none;
    -mox-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    background-image: none !important;
    background: #f8f8f8 !important;
    font-weight: normal !important;
    color: #345871;
    text-shadow: 0 0 0 #000 !important;
    padding-top: 3px !important;
    margin-top: -3px !important;
}
    .ui-tabs-nav .ui-state-active a {
        color:#345871;
    }

/* Specific JQuery tags */

#actionBarMoreContentSelect{
	height:33px;
	width:150px;
}
/*JQuery UI Vertical Tabs - CURRENT  --------------------------------------------------

Vertical version of the tabs used initially in the content edit view.

--------------------------------------------------------------------------------------*/
    
.verticalTabs .ui-tabs-nav .ui-state-default.ui-state-active.ui-state-hover, .verticalTabs .ui-tabs-nav .ui-state-active {
    border-top: 0px solid #D5D5D5 !important;
    border-left: 0px solid #D5D5D5 !important;
    border-right: 0px solid #D5D5D5 !important;
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: none;
    -mox-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    background: #F8F8F8;
    background-image: none !important;
    font-weight: normal !important;
    color: #345871;
    text-shadow: 0 0 0 black !important;
    padding-top: 3px !important;
    margin-top: -3px !important;
}   

.verticalTabs.ui-tabs ul.ui-tabs-nav {
    float:left !important;
    overflow:hidden !important;  
    background: url(/themes/admin_styles/img/shadowTab.png) right 0 repeat-y;
    margin-right: -1px;
}

.verticalTabs.ui-tabs li.ui-state-default {
    display:block !important;
    float: none !important;
    width: 180px!important;
    overflow: hidden;
    white-space: no-wrap;
    border: 0;
    border-top: 1px solid #ccc;
    float; left !important;
    background: none;
    color: #636363;
    margin: 0;
    border-radius: 0;
}
    .verticalTabs.ui-tabs li.ui-state-default:first-child {
        border-top: 0px;    
    }

    .verticalTabs.ui-tabs li.ui-state-default:hover {
        background: #f1f5f7;    
    }

    .verticalTabs.ui-tabs li.ui-state-default a {
        color: #636363;
        text-shadow: 0 1px #fff;    
        width: 100%;
    }

.verticalTabs.ui-tabs li.ui-state-default.ui-state-active,
.verticalTabs.ui-tabs li.ui-state-default.ui-state-active:hover {
    background-image: url(/themes/admin_styles/img/selectedTab.png) !important; 
    background-color: #557288 !important;
    background-repeat: no-repeat !important;
    background-position: right 5px !important;
    font-weight: normal;
    z-index: 1000;
}

    .verticalTabs.ui-tabs li.ui-state-default.ui-state-active a,
    .verticalTabs.ui-tabs li.ui-state-default.ui-state-active a:hover {
        color: #fff;
        text-shadow: none;
        font-weight: normal;
    }

.verticalTabs.ui-tabs .ui-tabs-panel {
    width: 460px !important;
    padding: 0 0 0 40px !important;
    position: relative;
    float: left;
    border-left: 1px solid #ccc;
    min-height: 200px;
}
#classificationTabs {
    min-height: 300px;   
}
#classificationTabs:after {
    display: table;
    content: "";
    clear: both;
}

#classificationTabs h2 {
    color: #5E8FB0;
    font-size: 18px;
}

/* JQuery UI Modal Changes - CURRENT  -------------------------------------------------

General adjustments to the jquery ui classes for visual styling.

--------------------------------------------------------------------------------------*/

/* Modal overlay of actionbar */
.ui-widget-overlay {
    z-index: 2001 !important;
}
.ui-dialog {
    z-index: 2002 !important;
    background: white;
}
.ui-dialog-titlebar-close {
    border: 1px solid #999;
    border-radius: 4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background: transparent;
    right: 1em !important;
    box-shadow: 0px 1px 1px rgba(70, 70, 70, .4);
    -moz-box-shadow: 0px 1px 1px rgba(70, 70, 70, .4);
    -webkit-box-shadow: 0px 1px 1px rgba(70, 70, 70, .4);
}
    .ui-dialog-titlebar-close:hover.ui-state-hover {
        background:rgba(50, 50, 50, .1);;
        border-color:#CCC;
        padding:1px;
        box-shadow:0;
        -moz-box-shadow:0;
        -webkit-box-shadow:0;
    }
.ui-dialog-title {
}
.ui-dialog-titlebar {
    font-size:1.3em !important;
    color: #222 !important;
    text-shadow:0px 1px #f5f5f5 !important;
    border:1px solid #b1b0b0!important;
    background-image: linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%) !important;
    background-image: -o-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%) !important;
    background-image: -moz-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%) !important;
    background-image: -webkit-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%)!important;
    background-image: -ms-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%)!important;
    z-index:30;
    margin: -1px -1px 0px -1px !important;
    padding: 11px 40px !important;
}
.ui-dialog {
    box-shadow:0px 0px 10px rgba(51, 51, 51, .4);
    -moz-box-shadow:0px 0px 10px rgba(51, 51, 51, .4);
    -webkit-box-shadow:0px 0px 10px rgba(51, 51, 51, .4);
    border-bottom-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    border-bottom-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    border: 1px solid #999;
    padding: 0 !important;
    overflow: visible;
}
    .ui-dialog .ui-widget-content {
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -o-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        margin: 0 !important;
    }
    .ui-dialog-content {
        margin:0;
        padding:0 !important;
        font-size:12px;
        max-height: 600px;
        overflow: auto;
    }
        .ui-dialog-content h1 {
            display:none;
        }
    .ui-dialog hr {
        border-top:2px solid #ccc;
        background:none;
        margin:0;
        display:none;
    }
    .ui-dialog .ui-dialog-buttonpane {
        padding: 11px 40px;
        margin: 0;
        border-top:1px solid #CCC;
        overflow: hidden;
    }
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
        width:100%;
    }
    .ui-dialog .ui-dialog-buttonpane button {
        float: right;
        margin: .5em 0 .5em .4em;
    }

/* Modal Buttons - Current - 09/20/12 
----------------------------------------------------------------------*/
.ui-button-text-only.ui-state-default.modalDialogButtonDelete {
    text-shadow: 0px -1px #7f2700 !important;
    border:1px solid #9b3102 !important;
    background:url(/themes/admin_styles/img/redBtn.png) 0px 0px repeat-x \9 !important;
    background-image: linear-gradient(bottom, rgb(162,45,6) 0%, rgb(227,67,14) 100%) !important;
    background-image: -o-linear-gradient(bottom, rgb(162,45,6) 0%, rgb(227,67,14) 100%) !important;
    background-image: -moz-linear-gradient(bottom, rgb(162,45,6) 0%, rgb(227,67,14) 100%) !important;
    background-image: -webkit-linear-gradient(bottom, rgb(162,45,6) 0%, rgb(227,67,14) 100%) !important;
    background-image: -ms-linear-gradient(bottom, rgb(162,45,6) 0%, rgb(227,67,14) 100%) !important;
    float:left;
}
    .ui-button-text-only.ui-state-default.modalDialogButtonDelete:hover {
        text-shadow: 0px -1px #620b00 !important;
        border:1px solid #801a00 !important;
        background-image: linear-gradient(bottom, rgb(139,25,2) 0%, rgb(215,43,4) 100%) !important;
        background-image: -o-linear-gradient(bottom, rgb(139,25,2) 0%, rgb(215,43,4) 100%) !important;
        background-image: -moz-linear-gradient(bottom, rgb(139,25,2) 0%, rgb(215,43,4) 100%) !important;
        background-image: -webkit-linear-gradient(bottom, rgb(139,25,2) 0%, rgb(215,43,4) 100%) !important;
        background-image: -ms-linear-gradient(bottom, rgb(139,25,2) 0%, rgb(215,43,4) 100%) !important;
    }
.ui-button-text-only.ui-state-default.modalDialogButtonSave {
    text-shadow:0 1px 1px #46687e !important;
    border:1px solid #46687e !important;
    background-image: linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%) !important;
    background-image: -o-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%) !important;
    background-image: -moz-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%) !important;
    background-image: -webkit-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%) !important;
    background-image: -ms-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%) !important;
}
    .ui-button-text-only.ui-state-default.modalDialogButtonSave:hover {
        text-shadow: 0 1px 1px #20364a !important;
        border: 1px solid #46687e !important;
        background-image: linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%) !important;
        background-image: -o-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%) !important;
        background-image: -moz-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%) !important;
        background-image: -webkit-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%) !important;
        background-image: -ms-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%) !important;
    }
.modalDialogButtonCancel {}

/*7.4 JQUERYUI ACCORDIAN CHANGES - CURRENT ------------------------------------------------
-----------------------------------------------------------------------------------------*/

.ui-accordion-content{
    background-size: 100% auto !important;
}

.ui-accordion .ui-accordion-content {
    border: 0 !important;
    background: url('/themes/admin_styles/img/topicFadeBorder.png') no-repeat -1px 0 #fff !important;
    border: 1px solid #ccc !important;
    margin-top: -2px !important;
    overflow: visible !important;
    margin-bottom:30px !important;
    padding: 40px 40px 18px !important;
    margin-bottom: 0 !important;
}

    .ui-accordion .ui-accordion-content:after {
        display: table;
        content: "";
        clear: both;
    }

.ui-accordion .ui-accordion-content input.full{
        width: 633px;
}

.ui-accordion .formSection .cke_wrapper {
   width: 633px !important;
}

.ui-accordion .ui-accordion-content .modRow {
    display: table;    
}

.ui-accordion .ui-accordion-header {
    /*padding:5px 0!important;*/
    margin-top: -1px !important;
    color: #222 !important;
    text-shadow:0px 1px #f5f5f5;
    border:1px solid #b1b0b0;
    background-image: linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%)i !important;
    background-image: -o-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%) !important;
    background-image: -moz-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%) !important;
    background-image: -webkit-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%) !important;
    background-image: -ms-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%) !important;
    -moz-border-radius-topleft: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
    .ui-accordion .ui-accordion-header a {
        color: #222 !important;    
    }
    .ui-accordion .ui-accordion-header a:link:hover {
        text-decoration: none !important;
        color: #777 !important    
    }

/*7.4 JQUERYUI Datepicker CHANGES - CURRENT ------------------------------------------------
-----------------------------------------------------------------------------------------*/

.ui-datepicker table {
    padding: 10px;
    background: white;
    border: 1px solid #ccc;    
}

/* --------------------------------------------------------------------- 
* 9. CK EDITOR
--------------------------------------------------------------------- */

/* CK Editor Changes 

Tweaks to accomadate the styles across all applications.

---------------------------------------------------------------------*/

td.cke_top:hover {
    background-image: url(/ckeditor/skins/kama/images/sprites.png);
    background-repeat: repeat-x;
    background-position: 0 -1950px;
    background-color:lightGrey;
}
.cke_skin_kama input.cke_dialog_ui_input_text, .cke_skin_kama input.cke_dialog_ui_input_password {
    background-color: white;
    border: none !important;
    padding: 0 !important;
    width: 100% !important;
    height: 14px;
}

/* Forum CK editor adjustments - Current - 09/21/12
----------------------------------------------------------------------*/
#cke_forumDescription,
#cke_threadDescription,
#cke_editForumDescription,
#cke_newPostText {
    width:515px !important;
}

/* CKEditor class for editing */
body.contentCk {
	width:770px !important;
}

/* --------------------------------------------------------------------- 
* 10. GLOBAL MODULES
--------------------------------------------------------------------- */

/*  Topic/Chapter Content Order - CURRENT -------------------------------

... .right.topicTitle   -   Positions the settings gear into an appropriate place on the topic/home page views.
... .headerLine         -   Sets the Content header border for the contents section
ul.chapterContent       -   Sets the styling and container for the list of a chapter section
... .toggleSummary      -   Sets the Summary container for the contents order
... .toggleSummaryTables-   Sets the Summary container for the ables
.summaryIndent          -   Set on the summary to size for preview image
.summaryNoIndent        -   Set on the summary to size for no preview image

USAGE -----------------------------------------------------------------

div.modRow.headerLine
    h2
ul.chapterContent expandContent
   li.hover
       div.modRow borderTop
           a.icon.hangToggle.arrowRight/.arrowDown(toggle)
           img.icon(content-type icon)
           a(article link)
               h3.title (post title)
           div.right
               (any icons relative to content - e.g. dueDate, comments, etc…
       div.modRow.toggleSummary.expandContent
           a (link to content)
               img.preview (if image exists)
           div.summaryIndent/.summaryNoIndent
           ul.meta
               li
                   a(links to functions (e.g. Read More, Edit)

----------------------------------------------------------------------*/
ul.chapterContent {
    /*border-bottom:1px solid #ccc;*/
}
    .expandContent ul.chapterContent {
        margin-left:15px;
        margin-top:10px;
    }
    	.expandContent ul.chapterContent li:last-child {
    		padding-bottom:0px;
    	}
    ul.chapterContent .modRow {
        padding: 11px 0;
        margin: 0;
    }
.modRow .right.topicTitle{
    margin-top: -36px;
    margin-right: 0 !important;
    overflow:hidden;
}
.modRow.headerLine {
    border-bottom:3px solid #ccc;
    margin: 0 0 0;
    border-collapse:collapse;
}
.modRow.toggleSummary {
/*  border-top: 1px dashed #ccc;*/
    padding: 0px 0px 0px 30px !important;
}
.modRow.toggleSummaryTables {
    padding:11px 11px 0px !important;
    overflow: hidden;
    margin-bottom: 0;
}
.toggleSummary .preview, .toggleSummaryTables .preview {
    height:129px;
    width:29%;
    margin-right:2%;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    float:left;
    position:relative;
}
.summaryIndent {
    display:inline-block;
    width: 67%;
    position:relative;
    float: left;
    padding-bottom: 11px; 
}
.summaryNoIndent {
    margin-bottom: 11px;
}
h3.title {
    font-size: 12px;
    line-height: 16px;
    font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
    text-transform: none;
    margin: 0;
    display: inline-block;
    font-weight: 400 !important;
}
h2.titleTopic {
    font-size: 20px !important;
    font-weight: 400;
}

ul.clear, ol.clear {
    -moz-user-select: none;
    list-style-type: none;
    margin:0;
    padding:0;
}
ul.meta {
    float: left;
    margin: 0;
}
ul.chapterContent {
    padding: 0 !important;
    list-style-type: none !important;
}
ul.meta li{
    padding: 0 15px 11px 0;
}
ul.moreContent {
     margin-bottom:11px;
     width:100%;
     color:#404040;
     list-style-type:none;
}
ul.moreContent li {
    width:175px;
    margin:0;
    padding:5px 0 5px 10px;
    display:inline-block;
    list-style-type:none;
}
.expandContent.summary  ul {
    list-style-type: disc;
    padding-left: 40px;
}
.expandContentText {
	font-size:12px;
	padding:5px;
	font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
}

/* Topic Feature - CURRENT -------------------------------------

Use: to add styling based on positioning and priority of content in a 'featured' list, e.g. topic pages on a repository.

.horizontal             -   full width featured styling. Displayed when there is a none multiple of 3 stories are featured

.vertical               -   three acroos styles with proper margin seperation
    ...vertical.right OR nth-of-type(4n-1)   -   removes right margin so the last column of vertical does not push down

.featureTitle           -   Span for the text styling and positioning of the article feature title
    ...featureTypeTitle -   Span class to style the content type call font that sits above/right of a featured block

...featureType          -   Span class to position feature type title.

...p.links a            -   When multiple links are displayed in the horizontal view, keeps them evenly spaced.



USAGE -----------------------------------------------------------------

div.featuredcontent.vertical/.horizontal
    ul
        li
            span.featureType
                img.icon src="content type icon"
                span.featureTypeTitle
            span.img
                a href="article link"
                    img.featuredImg src="content image"
            span.featureTitle
                a href="article link"
            div.content
                p - summary
                p.links
                    a - read more »

----------------------------------------------------------------------*/

.featureTitle {
    font-size:16px;
    font-weight:300;
    margin: 10px 0;
    display:block;
}
    .horizontal .featureTitle {
        margin: 0 0 10px 0;
    }
.vertical {
    width: 231px;
    display: inline-block;
    border-bottom: 0 !important;
    float:left;
    margin:0px 20px 0px 0;
    padding:10px 0;
    border-top:2px solid #D5D5D5;
    min-height:355px;
}
    /* PENDING FULL BROWSER SUPPORT
    .vertical:nth-of-type(4n-1),*/ .vertical.right{
        margin-right:0 !important;
        padding-right:0 !important;
        border-right:0 !important;
    }
.horizontal {
    width:100%;
    display:block;
    clear:both;
    padding:10px 0;
    float:left;
    border-top:2px solid #CCC;
}
img.featuredImg, object.featuredObj, embed.featuredEmb {
    height: 151px;
    width: 229px;
}
    .horizontal img.featuredImg, .horizontal object.featuredObj, .horizontal embed.featuredEmb{
        display: inline;
        float:left;
        margin-right:20px;
    }
object.featuredObj {
    height: 156px;
    width: 229px;
}
    .horizontal object.featuredObj{
        display: inline;
        float:left;
        margin-right:20px;
    }
.featureType{
    display:inline-block;
    margin-bottom:10px;
}
    .vertical .featureType{
        float:none !important;
    }
    .horizontal .featureType{
        width: 483px;
        float:right;
    }
.featureTypeTitle {
    font-size:12px;
    font-weight:500;
    color:#999;
}
    .vertical .featureTypeTitle, .horizontal .featureTypeTitle {
        display:inline-block;
    }
.horizontal p.links a{
    margin-right:25px;
}
.learningObjective ol{
    list-style:auto;
}
.learningObjective ul{
    list-style: auto;
}
div.box.portalDetail span.floatright {
    margin-left: 15px;
    margin-bottom: 15px;
}

/* Reverse Inverse List ---------------------------------------------------------------------
WAT?
-------------------------------------------------------------------------------------------*/

#inverseContent {
    margin-bottom: 20px;
}
#inverseContent .modRow.headerLine {
    clear:both;
    border-bottom:3px solid #D5D5D5;
    margin-bottom: 11px;
}
.inverseContentItem {
    width: 100%;
    display:block;
    overflow:hidden;
    border-bottom:2px solid #D5D5D5;
}
img.inverseImg, object.inverseObj, embed.inverseEmb {
}
    .inverseContentItem .img {
        float:left;
        margin-right:20px;
    }
.inverseContainer {
    float:left;
    width:80%;
}
    .inverseTitle {
        font-size: 1.6em;
        margin-bottom: 5px;
        display:block;
    }
    .inverseUpdated {
        display:block;
        margin-bottom: 10px;
        font-weight: 700;
    }
    .inverseContent {

    }


/* Dropdown Menus - CURRENT ---------------------------------------------------------------

.ddm                -   dropdown consistant styles
...settingsMenu     -   conditional styling/positioning for the topic settings menu (gear)
...hover            -   be sure to append the hover class to the li's in a ddm


USAGE --------------------------------------------------------------------------------------

div
    a.icon.iconName(e.g.settingsGear)onclick="toggleSettings(this); return false;
    div.expandContent titleOfMenu(e.g.chapterMenu)
        ul.ddm menuContional(e.g.settingsMenu)
            li.hover
            li.hover
            etc...

------------------------------------------------------------------------------------------*/

.ddm {
    background: white;
    border: 1px solid #CCC;
    position: absolute;
    /*box-shadow:0px 2px 5px rgba(51, 51, 51, .3);
    -moz-box-shadow:0px 2px 5px rgba(51, 51, 51, .3);
    -webkit-box-shadow:0px 2px 5px rgba(51, 51, 51, .3);*/
    padding: 0;
    overflow: hidden;
}
    .ddm a:link, .ddm a:visited {
        color:#464646;
    }
    .ddm a:hover {
        text-decoration:underline !important;
    }
    .ddm li {
        color: black !important;
        background-color: white;
        background-image: none;
        border-bottom: 1px solid #DEDEDE;
        display: block;
        width: auto;
        height: auto;
        white-space: nowrap;
        text-shadow: none;
    }
    .ddm li a {
        padding: 12px 30px 12px 16px;
    }
    .ddm li a:hover {
        text-decoration: none !important;
    }
    .ddm li img{
        margin-right:10px;
    }
.ddm.settingsMenu {
    width: 170px;
    margin-left:-125px;
    margin-top:29px;
    z-index: 1002;
}
.ddm.settingsMenu li {
    padding: 12px 30px 12px 16px;
}
.ddm.settingsMenu li a {
    padding: 0;
    cursor: pointer;
}

/* Profile View - Current - 09/18/12

Style for display in member profile
 
----------------------------------------------------------------------*/

.profileViewImage {
    float:left;
    margin-right:15px;
    width:110px;
}
.profileViewInfo {
    float:left;
}
#memberViewProfile .modRow {
    font-size: 1.3em;
}
.modRow.profileAlert {
    padding-top: 11px;
    text-align:center;
    background: #EBF1F5;
    border: 1px solid #CADBE8;
    font-weight: 700;
    font-size: 1.4em;
    color: #345871;
    margin-bottom: 15px;
    border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius:2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
}

/* Picture Upload - Current - 09/18/12

Formats the upload options in forms for images

-------------------------------------------------------------*/

.modRow.pictureUpload {

}
    .modRow.pictureUpload .preview {
        clear:left;
        float:left;
    }
    .modRow.pictureUpload .pictureUploadOption {
        padding: 10px 0;
        margin-left: 10px;
        display: block;
        width: 500px;
        float: left;
    }

/* Members Manager - Current - 09/20/12 
----------------------------------------------------------------------*/

.resend {
    background: url(/themes/admin_styles/img/resendInvite.png) 0 0 no-repeat;
    float:left;
}
    .resend:hover {
        background-position: 0 -15px;
    }
    .resend:active {
        background-position: 0 0;
    }
.accept {
    background: url(/themes/admin_styles/img/acceptInvite.png) 0 0 no-repeat;
    float:left;
}
    .accept:hover {
        background-position: 0 -15px;
    }

    .accept:active {
        background-position: 0 0;
    }
.remove {
    background: url(/themes/admin_styles/img/removeMember.png) 0 0 no-repeat;
    float:left;
}
    .remove:hover {
        background-position: 0 -15px;
    }
    .remove:active {
        background-position: 0 0;
    }
.contact {
    background: url(/themes/admin_styles/img/contactMember.png) 0 0 no-repeat;
    float:left;
}
    .contact:hover {
        background-position: 0 -15px;
    }
    .contact:active {
        background-position: 0 0;
    }

/* Purchase Access/TKE - Current - 09/20/12 
----------------------------------------------------------------------*/

.overviewInfo {
    width: 400px;
    float: left;
    font-size: 13px;
    line-height: 1.6em;
}
p.bookPrice {
    font-size: 24px;
    clear: left;
    font-family: 'EauSansBookLining', Helvetica, Arial, sans-serif;
}


/* Side Modules - Current - 09/12/12

Styles side modules like related content and newest members

----------------------------------------------------------------------*/

.sideModContainer {
    float:left;
    width:191px;
    height:auto;
    overflow:hidden;
    clear:left;
    margin-top:14px;
}
.sideModHeader {
    position:relative;
    border-bottom:2px solid #d5d5d5;
    margin-bottom:14px;
}
.sideModHeader h3 {
    font-family:"Lucida Grande","Lucida Sans Unicode", sans-serif;
    color:#626262;
    font-size:15px;
    text-indent:25px;
    margin:0px 0px 5px 0px;
}
.sideModHeader img {
    position:absolute;
    top:2px;
    left:0;
}
.userThumbnail {
    float:left;
    position:relative;
}
.userThumbnail img {
    position:absolute;
    top:0;
    left:0;
    padding:1px;
    border:1px solid #ccc;
}
.userDate {
    color:#999;
}
.userInfo {
    float:left;
    margin-left:38px;
    line-height:1.4;
}
.userInfo a {
    font-size:11px;
    font-weight:bold;
}
a.commentBubble {
    background:url(/themes/admin_styles/img/commentBubble.png) no-repeat;
    border-bottom:1px solid #ccc;
    border-radius:2px;
    float:left;
    width:191px;
    margin-bottom:14px;
    margin-top:-9px;
}
a.commentBubble p {
    margin:0px;
    color:#494648;
    padding:18px 12px 10px 12px;
}
a.commentBubble:hover {
    background:url(/themes/admin_styles/img/commentBubbleHover.png) no-repeat;
    text-decoration:none;
}
.sideModBody {
    float:left;
    margin-bottom:15px;
    width: 100%;
}
    .sideModBody.starRating {
        width: auto;
    }
ul.relatedContent li {
    margin:0px 0px 10px 0px;
}
ul.relatedContent li a {
    background:url(/themes/admin_styles/img/articleIcon.png) 0px 0px no-repeat;
    padding-left:25px;
    min-height:16px;
    display:block;
}
ul.relatedContent li a:hover {
    background:url(/themes/admin_styles/img/articleIcon.png) -204px 0 no-repeat;
}

/* JQuery Rating Plugin - Current - 09/12/12

Styles for star ratings display

------------------------------------------------------------------------------*/

.star {
    padding-right:2px;
}
.star-rating {
    float:left;
    width:16px;
    height:16px;
    text-indent:-999em;
    cursor:pointer;
    display:block;
    background:transparent;
    overflow:hidden;
}
.rating-cancel, .rating-cancel a {
    background:url(/themes/admin_styles/img/delete.gif) no-repeat 0 -16px;
}
.star-rating, .star-rating a {
    background:url(/themes/admin_styles/img/ratingStars.png) no-repeat 0 0px;
}
.rating-cancel a, .star-rating a {
    display:block;
    width:16px;
    height:100%;
    background-position:0 0px;
    border:0;
}
.star-rating-on a {
    background-position:0 -64px;
}
.star-rating-on-unrated a {
    background-position:0 -32px;
}
.star-rating-hover a {
    background-position:0 -64px;
}

/* Read Only CSS */
.star-rating-readonly a {
    cursor:default !important;
}

/* Partial Star CSS */
.star-rating {
    background:transparent !important;
    overflow:hidden !important;
}
.averageRating {
    float:right;
    font-size:11px;
    color:#969696;
    margin-top:2px;
}
.avgRate {
    color:#626262;
}

/* Search Bar - Current - 09/18/12

Styles the search bar in the Top Nav

----------------------------------------------------------------------*/
.formSection.searchBox {
    display: block;    
}
#searchGo {
    color:#fff;
    text-shadow:0 1px 1px #46687e;
    border:1px solid #46687e;
    background-image: linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);
    background-image: -o-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);
    cursor: pointer;
    padding: 8px 10px;
    width: 15px;
    box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -ms-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -o-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    float:left;
}
#searchGo:hover {
    text-shadow: 0 1px 1px #20364a;
    background-image: linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
    background-image: -o-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
}
.modBtn.searchSelect {
    height: 10px;
    width: 10px;
    display: inline;
    margin: 0 0 0 -1px !important;
    padding: 10px 6px 11px;

    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    float:left;
}
.modBtn.searchSelect.active {
    text-shadow: 0 1px 1px #20364a;
    border: 1px solid #46687e;
    background-image: linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
    background-image: -o-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
}
.searchSelect img {
    margin-top:1px;
}
.searchMenu {
    float:right;
}
    .searchMenu.active {
        display: block;
    }
    .searchMenu .ddm {
        margin-top: 32px;
        margin-left: -179px;
        width: 200px;
        z-index: 100;
    }
input#q {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    float:left;
    margin: 0 -2px 0 0;
    width: 189px;
}
.searchCheck {
    background: url(/themes/admin_styles/img/greyCheck.png) -12px -1065px no-repeat;
    display: block;
    padding-left: 40px !important;
    height: 16px;
}
    .searchCheck.active {
        background-position: 0 0;
    }
    .searchCheck:hover {
        background-position: 12px -53px/*-87px*/;
    }
li.active .searchCheck {
    background-position: 12px 11px;
}
li.active .searchCheck:hover {
    background-position: 12px -21px;
}

/* Announcement Manager - Current - 09/19/12
----------------------------------------------------------------------*/

#announcementContent {
    padding: 22px 40px !important;
}

/* JQuery Tooltip - Current - 09/14/12

Jquery hover tooltip generally used for help text or informative popups.

--------------------------------------------------------------------- */

.bubbleInfo {
    position: relative;
    width: auto;
}
.bubbleInfo.create {
    /*clear: both;
    float: right;*/
    width: 20px;
    height: 20px;
    margin: 0 0 0 10px;
}
.bubbleInfo.create.left {
    /*position: absolute;
    clear: both;
    width: 20px;
    height: 20px;
    float: right;*/
}
.bubbleInfo.create .trigger {
    /*float:right;
    position:relative    
    clear:both;
    margin-bottom:-20px;
    */
    display:block;    
    padding:1px 6px;
    color: #fff;
    font-size:13px;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7),  0px -1px 0px rgba(0,0,0,0.7);
    background-image: linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%);
    background-image: -o-linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%);
    background-image: -moz-linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%);
    background-image: -webkit-linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%);
    background-image: -ms-linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    /*box-shadow: 0px 1px 3px rgba(0,0,0,0.2),  inset 1px 1px 1px rgba(255,255,255,.3);*/
    border: 1px solid #46687e;
}
.bubbleInfo.create .trigger:hover {
    background-image: linear-gradient(bottom, rgb(123,155,174) 0%, rgb(51,83,105) 100%);
    background-image: -o-linear-gradient(bottom, rgb(123,155,174) 0%, rgb(51,83,105) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(123,155,174) 0%, rgb(51,83,105) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(123,155,174) 0%, rgb(51,83,105) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(123,155,174) 0%, rgb(51,83,105) 100%);
}
.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    z-index: 1000;
    opacity:0;
        -moz-opacity: 0;
        /*filter:alpha(opacity=0);*/
    margin-top:5px;
    margin-left:5px;
    text-shadow: 0 0 3px rgba(0,0,0,0.3)
}
.popup.left {
    margin-left:40px;
    margin-top: -20px;
}
.popup .container {
    position:relative;
    display: block;
    height:auto;
    min-height:32px;
    width: 150px;
    padding: 8px;
    background: #658498;
    color: #fff;
    font-size: 11px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.popup .container h1 {
    color:#fff;
    margin-bottom:8px;
    font-size:11px !important;
    font-weight:bold;

}
.popup.left .container {
    margin-top:-15px;
}

.popup.top .container {
    margin-top: 0px;
}

.popup .arrow {
    position: absolute;
    border: 10px solid transparent;
    width:0;
    height:0;
}
.popup.left .arrow {
    border-right-color:#658498;
    margin-left:-20px;
}
.popup.right .arrow {
    border-left-color:#658498;
    margin-left: 115px;
}
.popup.bottom .arrow {
    border-top-color:#658498;
    margin-bottom: 20px;
}
.popup.top .arrow {
    border-bottom-color:#658498;
    margin-top: -20px;
}

/* Template Captions Article View - Current - 09/14/12

CKeditor template options output. Creates a table depending on alignment 
request and defaults with an outside border around the 1 col 2 row table.
An alternative for image captioning.

------------------------------------------------------------------------*/

table.templateCaptionsLeft {
    border-collapse: collapse;
    border-color: #B5B5B5;
    float:left;
    margin: 0 15px 11px 0;
}

table.templateCaptionsRight {
    border-collapse: collapse;
    border-color: #B5B5B5;
    float:right;
    margin: 0 0 11px 15px;
}

table.templateCaptions {
    border-collapse: collapse;
    border-color: #B5B5B5;
    margin: 0 auto 11px;
}
table.templateCaptions:after {
    display: table;
    content: "";
    clear:both;
}

.templateCaptions td{
	font-family: Arial;
	font-size:12px;
}

.templateCaptionsLeft td{
    font-family: Arial;
    font-size:12px;
}

.templateCaptionsRight td{
    font-family: Arial;
    font-size:12px;
}

/* Previous/Next Textbook Buttons - Current -09/14/12

The Previous and Next arrows in the content textbook view to follow 
the content sequence

---------------------------------------------------------------------------*/

.prevNextButton:after {
    display: table;
    content: "";
}    
.prevNextButton {
    float: right;
    z-index: 1000;
    position: relative;
    margin-top: -33px;
}

.contentTitle {
    display: table;
    width: 100%;
    clear: left;
}


/* Content Comments - Current - 09/14/12

Comment styling within the content view.

--------------------------------------------------------------------------*/

.userComments {
	padding:0px 15px;
}

.userCommentContainer {
	overflow: hidden;
	margin-bottom: 8px;
}

.userPortrait {
	float: left;
}
.userPortrait img {
	border-radius: 2px;
}
.userComment {
	position: relative;
	float: right;
	width: 610px;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 15px 15px 7px 15px;
	background-color:#f2f6f8;
}

.userComment.authorComment {
	background-color: #dfebf1;
}

.userComment.logout {
        background:none #fff;
	min-height:130px;
}
.addComment {
	position: relative;
	float: right;
}
img.userCommentArrow {
	position: absolute;
	left: -14px;
	top: 10px;
}
img.addCommentArrow {
	position: absolute;
	left: -13px;
	top: 10px;
}
.userComment p {
	font-size: 13px;
	color: #515151;
	line-height: 20px;
	margin:0 0 5px 0;
}
.addCommentContainer, .addCommentContainerNoBorder {
	padding:15px 15px 0 15px;	
}
.addCommentContainer {
	border-top: 1px solid #ccc;
}
textarea.addCommentText {
	float: right !important;
	width: 610px !important;
	border: 1px solid #ccc !important;
	border-radius: 2px !important;
	padding: 15px !important;
	background: url(/themes/admin_styles/img/trunityLoginformBg.png) repeat-x #fff; !important;
	font-size: 13px !important;
	color: #515151;!important;
	line-height: 20px;!important;
	min-height: 70px !important;
	margin-bottom:5px;
}

.addCommentContainer textarea:focus {
	background: #fff;
}
.commentDetailsCont {
	border-bottom:1px solid #ddd;
}
.commentDetails {
	color: #999;
	font-size: 11px;
	margin:0 15px 0 0;
}

.commentDetails img {
	margin-right:5px;
}

.anonymousCheckbox {
	margin:0px 5px 0px 0px !important;
	padding:0px !important;

}
.userCommentDelete {
	
}
.userCommentContainer.workflow {
    width:690px;
}

.userCommentContainer.workflow  .userComment {
    width:560px;
}

.userCommentContainer.workflow .userPortrait img {
    width:60px;

}



/* topicTree - Current - 09/14/12

Used anywhere the topic tree selector appears. 
Something that could use a style update.

-----------------------------------------------------------------------------*/
ul.topicTree ul {
    border-left: 1px solid #c8c8c8;
    padding-left: 16px;
    margin-left: -14px;
}
ul.topicTree ul .itemContent {
    background: url(../i/GroupFormTopicTreeItemLines.gif) no-repeat 0 8px;
    padding-left: 36px;
    margin-left: -36px;
}
/* A slight variation for IE6 */
#content ul.topicTree .itemContent {
    _background: url(../i/GroupFormTopicTreeItemLines.gif) no-repeat 0 13px;
    _padding-left: 36px;
    _margin-left: -36px;
}


#topicList ul, #editTopicList ul, .topicList ul {
        border-left: 1px solid #c8c8c8;
        padding-left: 20px;
        margin-left: -4px;
}
#topicList ul .itemContent, #editTopicList ul .itemContent, .topicList ul .itemContent {
        background: url(../i/GroupFormTopicTreeItemLines.gif) no-repeat 0 8px;
        padding-left: 31px;
        margin-left: -26px;
}
/* A slight variation for IE6 */
#topicList ul .itemContent, #editTopicList ul .itemContent, .topicList ul .itemContent {
        _background: url(../i/GroupFormTopicTreeItemLines.gif) no-repeat 0 13px;
        _padding-left: 31px;
        _margin-left: -26px;
}
/*/////////////////////////////////////////////////////////////////////////////////////// Link List for linking inside of an article */

.topicsListIcon {
	margin:0 10px 0 0 !important;
	float:left;
}
.topicsListTitle {
	cursor:pointer !important;
}

.subItemsSelected{
    color: #CC0000;
    display:inline;
}

.subItemsNotSelected{
    display:none;
}

ul.topicTree li {
    margin: 5px 0;
    padding-left: 20px;
    color: #555;
}
ul.topicTree li {
    font-weight: bold;
    cursor: pointer;
}
ul.topicTree li.open {
    background: url(../i/icon_close.gif) no-repeat 0 3px;
}
ul.topicTree li.closed {
    background: url(../i/icon_open.gif) no-repeat 0 3px;
}
ul.topicTree li.noChildren {
    background: url(../i/icon_bullet.gif) no-repeat 0 3px;
    font-weight: normal;
    cursor: default;
}
ul.topicTree, ul.topicTree ul {
    min-height: 0; /* hasLayout for IE7 */
}

/* Topic List Selector */
.topicListHidden{
    display:none;
}

.topicListCollapsed{
    background: url("/themes/newbase/i/icon_open.gif") no-repeat scroll 0 3px transparent;
    margin: 5px 5px 5px 5px!important;
    padding-left: 10px !important;
    display: block;
}

.topicListExpanded{
    background: url("/themes/newbase/i/icon_close.gif") no-repeat scroll 0 3px transparent;
    margin: 5px 5px 5px 5px!important;
    padding-left: 10px !important;
    display: block;
}

.topicListNoChildren{
    background: url("/themes/newbase/i/icon_bullet.gif") no-repeat scroll 0 3px transparent;
    margin: 5px 5px 5px 5px!important;
    padding-left: 10px !important;
    display: block;
}

.expandAllTopicsButton{
    float:none !important;
    margin-left: 0!important;
}

.itemContent input{
    width:auto;
}

#topicList{
    display:block;
    float:left;
    width:100%;
}

/* Box -> RSS Feeds - Current - 09/18/12

Used in the styling of RSS feeds within content.
Needs some styling love.

-----------------------------------*/
/* Viewer */
.rssViewer .header {
    margin-top: 10px;
}
#content .rssViewer h3 {
    font: bold 16px Arial, sans-serif;
    margin-bottom: 0;
}
.rssViewer .info {
    font-size: 11px;
    margin-bottom: 5px;
}
.rssViewer .content,
.rssViewer .content p {
    font-size: 12px;
    margin-bottom: 2px;
}
.rssViewer .entry {
    border-bottom: 1px solid #DADADA;
    padding: 8px 10px;
    clear: left;
}
.rssViewer img {
    float: left;
    margin: 0 10px 10px 0
}
#content .rssViewer br {
    display: none;
}

/* Feeds */
.rssFeed .rssViewer .entry {
    padding-bottom: 10px;
}
#content .rssFeed .rssViewer h3 {
    font-size: 14px;
}
.rssFeed .rssViewer .info {
    font-size: 10px;
}
.rssFeed .rssViewer .content,
.rssFeed .rssViewer .content p {
    font-size: 11px;
}
.rssFeed .rssViewer p.links {
    margin-top: -14px;
}

/* Fixes to article metaData in textbook view - Current - 10/12/12
-----------------------------------------------------------------------------------*/
.modSection.insetShadow .modRow{
    margin: 0 !important;
    padding: 0 !important;
}

#articleMetaData {
    padding: 11px 0 !important;
}

/* div.box -> galleryList -Current - 09/17/12

Roadmapped for rewrite.

----------------------------------------------------------------------*/
div.box.galleryList .content {
    background: #f2f2f2;
}
div.box.galleryList div.header {
    border-bottom: 0;
}
div.box.galleryList div.content div.details {
    margin: 1em 0;
    padding: 0 10px;
}
div.box.galleryList div.content ul {
    padding: 0 10px;
    margin: 0;
}
div.box.galleryList div.content ul li {
    float: left;
    display: inline;
    width: 240px;
    margin: 0 10px 15px 0;
}
div.box.galleryList div.content ul li.last {
    margin-right: 0;
}
div.box.galleryList div.content ul li h4 {
    margin: 0;
    padding: 5px 10px;
    border-top: 1px solid #C1C1C1;
    color: #333;
    background: #DDD;
    overflow: hidden;
}
div.box.galleryList div.content ul li img {
    display: block;
    margin: 0 auto;
    padding: 2px;
    background: #f2f2f2;
    border: 1px solid #C1C1C1;
}

/** Messages - Current -09/21/12

Styling for icons and positioning of icons in the message dialog popups

----------------------------------------------------------------------*/
.originalMessageHeader {
    padding-top: 11px;
    padding-left:25px;
    background: url('/themes/admin_styles/img/email.png') 0 8px no-repeat;
    display: block;
    border-top: 1px solid #ccc;
    color: #345871;
}
#messageDialogFrom {
    padding-left: 25px;
    background: url('/themes/admin_styles/img/profile.png') 0 0 no-repeat;
    font-weight: 700;
}

/* kCalendar + kDatePicker - Current - 09/14/12

Used in artcle creation and various other places to select dates.

Should replace with JQuery UI datePicker to reduce amount of dependant libraries.

----------------------------------*/

div.kCalendar {
    width: 180px;
    margin: 0 0 0 2px;
}
.kCalendar table {
    position: relative;
    z-index: 5;
    border-collapse: collapse;
    color: #000;
    font-size: 1em;
}
.kCalendar table * {
    color: #000;
}
.kCalendar table th.caption {
    padding: 4px 0;
    font-weight: bold;
    font-size: 1em;
    background: white;
    color: #666;
    width: auto;
}
.kCalendar table th.caption div.next,
.kCalendar table th.caption div.prev {
    float: left;
    display: inline;
    cursor: pointer;
    width: 20px;
}
.kCalendar table th.caption div.next {
    float: right;
}
.kCalendar table th {
    width: 23px;
    border: 1px solid #DFDFDF;
    padding: 0;
    background: #fbfbfb;
    font-weight: bold;
    text-align: center;
}
.kCalendar table td {
    height: 23px;
    width: 23px;
    border: 1px solid #DFDFDF;
    margin: 1px;
    padding: 0;
    background: white;
    text-align: center;
    vertical-align: middle;
    pointer: default;
}
.kCalendar table td.outOfBounds {
    color: #cfcfcf;
}
.kCalendar table tr.thisWeek td {
    background-color: #eee;
}
.kCalendar table td.thisDay {
    background-color: #a7e1fc !important;
}
.kCalendar table td:hover {
    background-color: #a7e1fc !important;
}
.kCalendar table td a {
    display: block;
    width:100%;
    height: 100%;
    color: #000;
}
.kCalendar table td a:hover {
    display: block;
    color: #000;
    text-decoration: underline;
}
.kCalendar table tbody td,
.kCalendar table tfoot div {
    cursor: pointer;
}
.kCalendar table tfoot td {
    width: auto;
}
.kCalendar iframe {
    display: none;
    _display: block; /* show for only IE6 users */
    position: absolute;
    z-index: 2;
}

/* Date Picker - Current - 09/14/12

Shown with Date Picker kCalendar styles in the input

-----------------------------------*/
input.date {
     background: url(../i/icon_date.gif) no-repeat 100% 50%;
     padding-right: 20px;
     width: 174px;
}

/* Inline editor */
.inline_edit_date {
    border: 0;
}
.highlightElement {
    background-color: #EFF3FF;
    border: 1px dashed #f00;
    cursor: pointer;
}

/* Functionality not working, schedule for removal - checked 09/14/12

Auto Complete
-----------------------------------*/
/* InviteMembers Form Field */
div.autocomplete {
    position: relative;
    border: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #7c7c7c;
    line-height: 17px;
    cursor: text;
    float: left;
    width: 360px;
    background: #fff;
    _float: none;
    _width: auto;
}
div.autocomplete ul li.item {
    position: relative;
    color: white;
    background: #3561B7;
    margin: 1px 0 1px 3px;
    padding-right: 18px;
    height: 15px;
    line-height: 15px;
    cursor: default;
}
div.autocomplete ul li.item span.close {
    position: absolute;
    top: 4px;
    right: 5px;
    display: block;
    cursor: pointer;
    width: 7px;
    height: 7px;
    background: url(../i/icon_close3.gif) no-repeat;
    text-indent: -5000px;
    overflow: hidden;
}
div.autocomplete input {
    border: 0 !important;
    width: auto !important;
}
div.autocomplete ul {
    margin: 0;
}
div.autocomplete ul li {
    float: left;
    padding: 0 5px;
}
div.autocomplete div.response {
    background: white;
    border: 1px solid #B2B2B2;
    position: absolute;
    left: -1px;
    top: 17px;
    width: 100%;
    z-index: 1000;
}
div.autocomplete div.response ul li {
    display: list-item;
    float: none;
    _height: 1%;
    height: 15px;
    line-height: 15px;
    background: white;
    padding: 0 5px;
    margin: 0;
}
div.autocomplete div.response ul li span.match {
    font-weight: bold;
}
div.autocomplete div.response ul li.selected {
    background: #ACC4E4;
}
div.autocomplete div.response ul li.hover {
    background: #DFE7F2;
    cursor: pointer;
}

/* Glossary Word Color - Current - 09/21/12
----------------------------------------------------------------------*/
.trunity_glossary a {
    font-weight: 800;
    color: #345872 !important;
}

.trunity_glossary{
	color: #345872 !important;
	font-weight: 800;
}

/* Message Queue - Current -09/18/12

This is used for alert messaging in various places across the platform
Needs visual updating and possibly could be converted to dialog's

----------------------------------------------------------------------*/
div#messagestack {
    zoom: 1;
}
div#messagestack ul.success,
div#messagestack ul.error {
    list-style-type: none;
    border: 1px solid #C5C5C5;
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #F1F9F1;
}
div#messagestack ul.error {
    background:#FFFFCC;
}
div#messagestack ul li {
    color: #333;
}
div#messagestack ul.success li.title,
div#messagestack ul.error li.title {
    padding: 0 0 5px 20px;
    background: url(../i/icon_success.gif) 0 0 no-repeat;
    font-weight: bold;
}
div#messagestack ul.error li.title {
    background: url(../i/icon_error.gif) 0 0 no-repeat;
}

/* Shopping Cart Table - Current -10/31/12

Styles for shopping cart popup.

----------------------------------------------------------------------*/ 

button.removeFromCart {
        float:right;
        margin-left:12px;
        padding:4px 9px !important;
        font-size:12px;
        margin-top:0px;
}
.totalAmount {
        color:#999;
        font-weight:bold;
}
.totalPrice {
    color: #EC8728;
    float: right;
    font-size: 18px;
}
table#shoppingCart {
        width:100%;
        font-size:13px;
        margin-bottom:20px;
}
table#shoppingCart tr {
        border-bottom:1px solid lightgray;
        padding:8px;
}
table#shoppingCart tr.cartHeader:hover {
        background:none;
}
table#shoppingCart th {
        padding:8px;
}
table#shoppingCart thead {
        border:none;
}
table#shoppingCart tr.cartTotal {
        border-bottom:none;
        color:#999;
        font-weight:bold;
}
table#shoppingCart tr.cartTotal:hover {
        background:none;
}
table#shoppingCart td {
        padding:8px;
        vertical-align:middle;
}
table#shoppingCart tr:hover {
        background:#f8f8f8;
}
table#shoppingCart td.cartItem {
        width:500px;
}
table#shoppingCart td.cartItemType {
        width:100px;
}

/* Store Global Changes - Current -10/31/12

Styles for store in Search.

----------------------------------------------------------------------*/

#publishSite {
        margin-top:0px;
}
p.confirmation {
 clear: left;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}
a.browseStore {
        position:absolute;
        right:0;
        top:0;
}
#emptyCart {
        padding:7px 0px 27px 0px;
}
#disclaimer {
        float:left;
        display:block;
}

.inactiveBtn {
        background:#b9b9b9;
        cursor:auto !important;
        border:none !important;
        padding:6px 13px !important;
        font-weight: normal;
        color: #FFFFFF !important;
        text-shadow: 0 1px #696969;

}

.inactiveBtn:hover {
        background:#b9b9b9;
        border:none !important;
}

#publishingBtn {
        width:80px;

}
#publishingBtn:hover {
        border:none !important;

}

/* Content Edit/Create - Current -11/07/12

Unique styles for the ContentEdit module

----------------------------------------------------------------------*/
/* Content Workflow */

ul.contentWorkflow {

}

ul.contentWorkflow li {
    padding:10px 0px;
    border-top:1px solid #ccc;
    text-indent:30px;
    position:relative;
    overflow:hidden;
}

ul.contentWorkflow li:last-child {
    border-bottom:1px solid #ccc;

}
ul.contentWorkflow li img {
    position:absolute;
    right:12px;
    top:10px;
    cursor:pointer;
}

ul.contentWorkflow li img:hover {
    top:-22px;
}

ul.contentWorkflow li.approved {
    color:#4c863f;
    background:url(/themes/admin_styles/img/workflowApproved.png) 6px 10px no-repeat;
}

ul.contentWorkflow li.inactiveStep {
    background:none;
    color:#b6b6b6;
}

ul.contentWorkflow li.authoring {
    color:#476a7f;
    font-weight:bold;
    background:url(/themes/admin_styles/img/workflowAuthoring.png) 6px 10px no-repeat;

}

ul.contentWorkflow li.review {
    color:#476a7f;
       font-weight:bold;
       background:url(/themes/admin_styles/img/workflowReview.png) 6px 10px no-repeat;

}

ul.contentWorkflow li.publish {
    color:#476a7f;
    font-weight:bold;
    background:url(/themes/admin_styles/img/workflowPublish.png) 6px 10px no-repeat;

}

/* Workflow Tooltips */

ul.contentWorkflow li .labelContainer {
    top:20px;
}

/* Content View - Current -09/21/12

Styles for ContentView

----------------------------------------------------------------------*/
/* New ContentView styles - 01/24/2013 */
/* Next Previous Content Buttons */
.nextPrevContent {
	/*background:url(/themes/admin_styles/img/nextPrevContentBG.png) no-repeat ;*/
	height: 100px;
	width: 30px;
	position: fixed;
	margin-left: 800px;
	z-index: 1;
}
.nextPrevContent .nextContent a:hover, .nextPrevContent .prevContent a:hover {
	background: url(/themes/admin_styles/img/nextPrevContentBGHover.png) 0 0 no-repeat;
}
.nextPrevContent .prevContent a:hover {
	background-position: 0 -51px;
}
.nextPrevContent a {
	padding: 19px 11px;
	display: block;
}
/* Publishing Status Bar */
.publishingStatus {
    padding: 10px;
    /*width: 685px;*/
    background: #EBF1F5;
    border: 1px solid #CADBE8;
    font-size: .8rem;
    font-weight: 700;
    color: #345871;
    border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius:2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
}
	.publishingStatus img {
		float:left;
		margin-right: 10px;
		margin-top: -1px;
	}
.contentManage {
	padding: 8px 6px 8px 10px;
	margin: 0px;
}
/* metaData and Publishing Information */
.publishingInfo{
	padding: 0 !important;
	/*margin-bottom: 22px !important;*/
	clear: both;
}
	.publishingInfo .modRow {
		margin-bottom: 0;
	}
.publishingInfo .title {
	font-size: 1em;
}
/*Module: Article detail - From Global / Transitioned 09/12*/
.module-ArticleDetail-aboutAuthor
{
    border-bottom: #ccc 1px solid;
    padding-top: 10px;
    padding-bottom: 10px;
}

/** TOPIC TABLES **/

.contentDetail .topics {
    margin-bottom:10px;
}

.contentDetail .topics table {
    border-collapse:collapse;
    min-width:225px;
}

.contentDetail .topics td span {
    margin: 0 8px 2px 0;
    display: inline;
}
/**TABLE OF CONTENTS**/

#tableofcontents {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: block;
    width: 50%;
    line-height: 1.75;
    margin: 10px 0;
    padding: 15px 0 20px;
}

#tableofcontents h5 {
    /*font-weight: normal;*/
    font-size: 1.5em;
    text-align: left !important;/*inline style in module needs to be removed*/
}

#tableofcontents div.level1, #tableofcontents div.level2, #tableofcontents div.level3, #tableofcontents div.level4, #tableofcontents div.level5, #tableofcontents div.level6 {
    margin-bottom: 0.1em;
    padding-left: 20px;
}

#tableofcontents div.level2 { margin-left: 2em; }#tableofcontents div.level3 { margin-left: 4em; }
#tableofcontents div.level4 { margin-left: 6em; }
#tableofcontents div.level5 { margin-left: 8em; }
#tableofcontents div.level6 { margin-left: 10em; }
#topofcontent {
    clear: left;
    margin-top: 1em;
}

/*Topic View LO Fix*/
.expandContent ul{
	list-style-type: disc;
}
.expandContent ol{
	list-style-type: decimal;
}

/** Content Classes **/
#module-ArticleDetail-addThis{
        padding-bottom: 15px;
        text-align: left;
        float: left;
        width: 85%;
}

.module-ArticleDetail-row2{
        width: 760px;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 15px;
}
.module-ArticleDetail-metadata div.metadata span, 
.module-ArticleDetail-metadata div.topics, 
.module-ArticleDetail-metadata div.topics span{
    font-size: .75rem;
}

div.module-ArticleDetail-topicEditors{
        font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
        font-size: 1em;
        padding-top: 5px;
        font-style: italic;
}

.module-ArticleDetail-publishingControls {
    display: block;
        float: left;
    width: 100%;
    margin-bottom: 10px;
}

.module-ArticleDetail-publishingControls a div {
	height: 18px !important;
}

.module-ArticleDetail-publishingControls a:hover {
        text-decoration: none;
}

.module-ArticleDetail-publishingControls .publishingButtons{
    display: inline-block !important;
        float: left !important;
        padding-top: 0 !important;
    margin-left: -10px;
}


.module-ArticleDetail-publishingControls .publishingState{
        float: left !important;
    margin: 2px 10px 10px 0;
        padding: 6px 10px !important;
        text-align: left !important;
    background: #EBF1F5;
    border: 1px solid #CADBE8;
    font-weight: 700;
    color: #345871;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.module-ArticleDetailfeaturedon {
    width:100%;
}

.module-ArticleDetail-citation {
        border-top: 1px solid #CCCCCC;
        border-bottom:none !important;
        padding-bottom: 10px;
        padding-top: 10px;
}

.module-ArticleDetail-aboutAuthor {
        border-top: 1px solid #CCCCCC;
        border-bottom:none !important;
        padding-bottom: 10px;
        padding-top: 10px;
}

.module-ArticleDetail-aboutAuthor img.floatLeft {
        float: left;
        margin-right: 15px;
}

.module-ArticleDetail-aboutAuthor h1 {
        padding-bottom: 10px;
}

.module-ArticleDetail-aboutAuthor .authorBio {
        height: 100px;
        padding-top: 15px;
        padding-bottom: 15px;
}

.module-ArticleDetail-relatedContent{
        border-top: 1px solid #CCCCCC;
        border-bottom:none !important;
        padding-top: 10px;
        padding-bottom: 10px;
}

.module-ArticleDetail-relatedContent li{
        list-style: disc;
}

.module-ArticleDetail-editorialComments {
        border-top: 1px solid #CCCCCC;
        border-bottom:none !important;
        padding-bottom: 10px;
        padding-top: 10px;
	font-style: italic;
}

.module-ArticleDetail-editorialComments .commentContent{
        /* border-bottom: #ccc 1px solid; */
        padding-bottom: 10px;
	font-size: 1rem;
	font-style: normal;
}

.module-ArticleDetail-editorialComments li{
	list-style-type: disc;
	margin-left: 20px;
	font-size: .8em;
}
/* ---- Removed 12/17/2012 - Jonah Stuart
div#title {
    padding: 15px 20px;
    margin-bottom: 15px;
    zoom: 1;
}
div#title .top {
    height: 10px;
    margin: -15px -20px 0 -20px;
}
*/
#wrapper {
    width: 987px;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    border: 0px solid #dcdcdc;
}

#wrapper.noads {
    border-top: 0;
}

#content {
        float: left;
        width: 760px;
        padding: 0;
        position: relative;
        margin-bottom: 25px;
}

div.box {
    margin-bottom: 10px;
}
/************************************** Content Detail Specific Styles*/
div.contentDetail {
    font-size: 16px;
    overflow: visible;
    padding: 0 1px 0 1px;
}
div.contentDetail div.header {
    margin: 0 -1px 10px -1px;
}
div.contentDetail div.header h2,
div.media div.header h2,
div.galleryList div.header h2 {
    color: #444444;
    margin-bottom: 0.5em;

}
div.contentDetail .metadata.last {
    margin-bottom: 1em;
}
div.contentDetail div.header img.icon {
    cursor: pointer;
    margin: 0 5px 5px 0;
}
/* -- ORIGINAL */
div.contentDetail div.img {
    padding-left: 0;
    float: right;
    display: inline;
    margin: 0 0 10px 10px;

}

/* New for Article Image on Article Detail page */
/* Responsible for the position of Image on the Article Detail page */
div.contentDetail div.articleImage {
    padding-left: 0;
    float: left;
    display: inline;
    /* margin: 0 0 10px 10px; */
    margin: 0px;

}
div.contentDetail div.articleImage img {
    border: 1px solid #e1e1e2;
    padding: 3px;

}

/* Responsible for the padding and border of Image on the Article Detail page */
div.contentDetail div.img img {
    border: 1px solid #e1e1e2;
    padding: 3px;

}
div.contentDetail p.links span {
    display: block;
    font-size: 12px;
    margin: -10px 0 10px 0;
}
div.contentDetail p.links span a {
    zoom: 1;
}
div.contentDetail .topics {
/*     margin: 5px 0 12px 0; */
}
div.contentDetail .topics span {
    /*white-space: nowrap;*/
}
div.contentDetail .topics img {
    vertical-align: middle;
    margin: 1px 0;
}
div.contentDetail .topics table,
div.contentDetail .topics td {
    border-style: none;
    padding: 0 5px 0 0;
    vertical-align: top;
    width: auto;
}

form fieldset {
    border: medium none;
    padding: 0 !important;
}
.module-ArticleDetail-PublishMenu {
    float: left;
}

.module-ArticleDetail-PublishMenu select
{
    margin: -2px 0;
    font-size: 11px;
    display: inline;
    margin-left: 8px;
}

.module-ArticleDetail-featuredon {
    margin-top: 6px;
    clear:left;
}

.contentDetail ul, body.cke_show_borders ul {
    list-style-type: disc;
    padding-left: 20px;
}

.contentDetail ul li, body.cke_show_borders ul li {
    position:relative;
    left:20px;
}

.chapterMenu ul{
	padding-left:0px;
}

.chapterMenu ul li{
	left: 0px;
	position: relative;
}

.articlePreviewImage {
    max-width: 502px;
}

blockquote, q {
    quotes: "" "";
    padding: 15px 10px 5px 60px!important;
    background: url(../i/blockquote.png) no-repeat whiteSmoke;
    background-position: 10px 15px;
    line-height: 20px;
    margin-bottom: 1em!important;
}
.contentDetail ol, body.cke_show_borders ol {
    list-style-type: decimal;
    padding-left: 20px;
}
.contentDetail ol li, body.cke_show_borders ol li {
    position:relative;
    left:20px;
}
span.annotation_highlighted_text
{
    border-bottom: thin dotted;
    background: #FFFAB8;
}
span.annotation_highlighted_text:hover
{
    text-decoration: none;
    background: #FFF352;
    z-index: 6;
    cursor: pointer;
}
/* ANNOTATIONS HOVER POPUP */
span.annotation_hover {
    position: absolute;
    margin: 20px 0 0 -20px;
    padding: 13px 13px 18px;;
    max-width:400px;
    min-width: 100px;
    z-index: 100;
    display:none;
    border: 1px solid #CADBE8;
    background: #EBF1F5;
    color: #404040;
    overflow: hidden;
    border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
    /*box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
        -ms-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
        -o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);*/
    user-select: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
}

span.annotation_label
{
    font-weight: bold;
    color: #345871;
    display: block;
    margin-bottom: -10px;
}
span.annotation_label
{
    font-weight: bold;
    color: #345871;
    display: block;
    margin-bottom: -10px;
}

span.annotation:hover span.annotation_hover
{
    /*left: 2%;*/
    z-index: 6;
    display: inline;
}

#container {
    overflow:visible !important;
}

/* Annotations - Current -09/21/12

Annotation popup and interactive styles.

----------------------------------------------------------------------*/

/* ANNOTATIONS HIGHLIGHT COLOR */

#topofcontent h1,
#topofcontent h2,
#topofcontent h3,
#topofcontent h4,
#topofcontent h5,
#topofcontent h6 {
        user-select: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
}
/* ANNOTATIONS SELECT POPUP */

.stsBox {
    /*text-shadow: 0 1px 2px rgba(0,0,0,0.3);*/
    border-radius: 2px !important;
    background: #EBF1F5;
    padding: 10px;
    color:#404040;
    border: 1px solid #cadbe8;
    border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        -ms-border-radius: 4px !important;
        -o-border-radius: 4px !important;
    /*box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
        -ms-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);*/
}

    .stsBox_create {
        padding: 0 !important;
        margin: 0 0 0 100px;
        width: 104px \9;
        white-space: nowrap;
    }

    .stsBox_edit .annotationIntermediatePop {
        overflow: auto;
    }

        .stsBox_create .annotationIntermediatePop {
            padding: 0 !important;
        }

        .stsBox_edit .annotationIntermediatePop a:link .modBtn {
            width: 266px;
            text-align:center;
        }
        .stsBox_create .annotationIntermediatePop a:link .modBtn {
            width:auto;
        }
#annotationDialog .modRow #selectedTextField {
    width: 427px !important;
}

#annotationDialog .modRow #annotationTextField {
    width: 415px !important;
}

#annotationDialog {
}

#annotationDialog textarea.disabled {
    border: 0 !important;
    background: transparent !important;
    padding:0 !important;
    color: #777 !important;;
}

.stsBox .annotationIntermediatePop{
    background: transparent !important;
    display: block;
    max-height: 250px;
}

    .stsBox .annotationIntermediatePop a:link .modBtn {
        margin: 0 auto !important;
    }

.stsBox .arrow {
    bottom: -17px !important;
    border-width: 15px !important;
    border-top: 15px solid #344E5E !important;
    border-right: 15px solid transparent;
    margin-left: 130px;
}
    .stsBox_create .arrow {
        bottom: -15px !important;
        margin-left:40px;
        border-top: 15px solid #46687E !important;
    }

    .stsBox_edit .arrow {
        background: url(/themes/admin_styles/img/annotateArrow.png) 0 0 transparent no-repeat !important;
        height: 17px !important;
        width: 29px !important;
        border:0 !important;
    }

.stsBox_edit .annotationForm {
    display:block;
    margin:10px auto 0;
    overflow: hidden;
}
/* UNUSED ANNOTATIONS */

.unused_annotations {
    border-top: 1px solid #ccc;
    padding-top:15px;
    margin-top:15px;
}

    .unused_annotations ul li {
        padding: 0 0 10px 0;
    }

.unused_annotations_title {
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 10px;

}
.unused_annotations_title, .unused_annotations_explanation {
    user-select: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
}
/* COMMON CORE ALIGNMENTS Search etc. */

.alignmentShowLabel {
	cursor:pointer;
}
.alignmentMore, .alignmentLess {
	color:#53748a;
	padding: 0 5px;
}

.alignmentMore{
	background: url(/themes/admin_styles/img/double_arrow_forward.png) 31px 0 no-repeat;
	padding: 0 20px 0 0;
}

.alignmentLess{
	background: url(/themes/admin_styles/img/double_arrow_back.png) 2px 0 no-repeat;
	padding: 0 0 0 17px;
}

/* Alert Notificiation for Data Models */

.notAvailableInfo{
    float: left;
    width: 60%;
    padding-right: 40px;
    border-right: 1px solid #ccc;
}
.notAvailableActions {
    float: left;
    width: 28%; 
    padding-left: 40px;
}
    .notAvailableActions .modBtn {
        width: 164px;
        text-align: center;
        margin-bottom: 11px;
    }
/* Color Picker - 12/11/12

Modification to the color picker plugin used in the slideshow editor.

----------------------------------------------------------------------*/

.colorpicker {z-index: 2;}/*Keeps color picker above #content layer*/

/*------------------------------------------------------------------- 
* 11. ICONS
---------------------------------------------------------------------*/

/* Icon Foundation - Current -09/21/12

background icon base styling.

----------------------------------------------------------------------*/

.modRow .icon, .featuredContent .icon, table .icon {
    margin-right: 10px;
    height: 15px;
    width: 15px;
}

/* Settings Gear - Current -09/21/12

Styles for the Settings Gear on topic/chapter pages.

----------------------------------------------------------------------*/

.settingsGear {
    width: 45px !important;
    height: 27px !important;
    z-index: 2;
    position: relative;
    margin-right: 0 !important;
    float: left;
    background-image: linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%) !important;
    background-image: -o-linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%) !important;
    background-image: -moz-linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%) !important;
    background-image: -webkit-linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%) !important;
    background-image: -ms-linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%) !important;

    border: 1px solid #46687e !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;

    /*box-shadow: 0px 1px 10px rgba(0,0,0,0.4),
                inset 1px 1px 1px rgba(255,255,255,.3);*/
}
    .settingsGear:hover {
        background-image: linear-gradient(bottom, rgb(123,155,174) 0%, rgb(51,83,105) 100%) !important;
        background-image: -o-linear-gradient(bottom, rgb(123,155,174) 0%, rgb(51,83,105) 100%) !important;
        background-image: -moz-linear-gradient(bottom, rgb(123,155,174) 0%, rgb(51,83,105) 100%) !important;
        background-image: -webkit-linear-gradient(bottom, rgb(123,155,174) 0%, rgb(51,83,105) 100%) !important;
        background-image: -ms-linear-gradient(bottom, rgb(123,155,174) 0%, rgb(51,83,105) 100%) !important;
    }
    .settingsGear:active {
        background: url(/themes/admin_styles/img/gearBack.png) 0 0 repeat-x \9;
        background-image: linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%) !important;
        background-image: -o-linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%) !important;
        background-image: -moz-linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%) !important;
        background-image: -webkit-linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%) !important;
        background-image: -ms-linear-gradient(bottom, rgb(160,184,198) 0%, rgb(85,118,139) 87%) !important;
        border: 1px solid #46687e !important;
    }

/** Expand / Contract Arrows - Current -09/21/12

Arrow toggle styles for expanding and contracting content.

----------------------------------------------------------------------*/

.modRow .hangToggle {
    float:left;
    margin-left: 5px;
    background-position: 3px 3px;
}
    .modRow .hangToggle:hover {
        background-position: 3px 3px;
     }
    .arrowRight {
        background:url(/themes/admin_styles/img/arrowRight.png) no-repeat;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
    }
        .arrowRight:hover {
            background: url(/themes/admin_styles/img/arrowRight-hover.png) no-repeat;
        }
        .arrowRight:active {
            background: url(/themes/admin_styles/img/arrowRight.png) no-repeat;
        }
    .arrowDown {
        background: url(/themes/admin_styles/img/arrowDown.png) no-repeat;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
    }
        .arrowDown:hover {
            background: url(/themes/admin_styles/img/arrowDown-hover.png) no-repeat;
        }
        .arrowDown:active {
            background: url(/themes/admin_styles/img/arrowDown.png) no-repeat;
        }

    .arrowUp {
        background: url(/themes/admin_styles/img/arrowUp.png) no-repeat;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
    }
        .arrowUp:hover {
            background: url(/themes/admin_styles/img/arrowUp-hover.png) no-repeat;
        }
        .arrowUp:active {
            background: url(/themes/admin_styles/img/arrowUp.png) no-repeat;
        }

/* LIST RULES (UL OL LI) - Current - 09/21/12

Various list classes mostly used on the topic pages.

----------------------------------------------------------------------*/


/* ------------------------------------------------------------------
* 11. MODIFIERS
-------------------------------------------------------------------*/

/* Misc Modifier - Current - 09/14/12 

Various styles that can be used across multiple modules.

-------------------------------------------------------------------*/

/* Various styles pertaining to site/topic images */
.floatleft {
    float: left;
    display: inline;
}
.floatright {
    float: right;
    display: inline;
}
.rightAlign {
    text-align: right;
}
img.bordered {
    border: 1px solid #e1e1e2;
    padding: 3px;
}

/* Image Border */
.img img {
    border:1px solid #ccc;
}

/* Alert text color */
.alert {
    color:#CC0000;
}

/* Standard Message display styles */
.bad {
        color:#DC7679;
}
.good {
        color:#80BEA3;
}

/* Standard Borders */
.border, .modContainer.border, .modRow.border, .modSection.border {
    border: 1px solid #ccc;
    border-bottom:0;
}
    .borderBottom, .border.bottom, .modContainer.borderBottom, .modRow.borderBottom, .modSection.borderBottom {
        border-bottom:1px solid #ccc !important;
    }
    .borderTop, .modRow.borderTop {
        border-top:1px solid #ccc !important;
        margin-top:-1px;
        padding-top: 11px;
        margin-bottom: 0;
    }

/* Header Line Divider */
.modRow.headerLine {
    border-bottom:2px solid #ccc;
    margin: 0 0 0;
    border-collapse:collapse;
    font-weight:700;
    font-size: 1.2em;
    color: #999;
}
.modRow .right {
    float:right;
    margin-right:10px;
}
    .modRow .right.topicTitle{
        margin-top: -36px;
    }

/* No Ideai, maybe creates a header line */
.modRow.header{
    padding:0;
    overflow:visible;
    z-index: 50;
}
.modRow.sectionHeader{
    padding: 5px 10px;
    font-size: 1.2em;
    color: #222 !important;
    text-shadow:0px 1px #f5f5f5;
    border:1px solid #b1b0b0;
    box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -mox-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -ms-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    -o-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    background:url(/themes/admin_styles/img/admin_btn_grey.png) 0px 0px repeat-x;
    background-image: linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%);
    background-image: -o-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%);
}
    .modRow.sectionHeader h1,
    .modRow.sectionHeader h2,
    .modRow.sectionHeader h3,
    .modRow.sectionHeader h4,
    .modRow.sectionHeader h5,
    .modRow.sectionHeader h6,
    .modRow.sectionHeader p {
        font-size:1em;
        margin:0;
        padding:0;
     }

/* Applies the default hover folor to an element */
.hover:hover {
        background: /*#E4EDF5*/ #f1f5f7;
}

/*3 Gradient Colors - CURRENT -09/14/12 
...lightgrey    -   light grey styles used in table headers or admin panel headings. Generally deliniates section titles.
...grey      -   grey styles. used for common functions and interations
...charcoal  -   dark grey styles used as a contrast to common functions that vary from the light grey
...orange    -   orange styles, used for cautionary functions like cancel or undo that are related to admin functions
...yellow    -
...green     -
...blue      -   blue styles used for major functions related to admin priveledges
...lightBlue -.  Light blue styles used as a contrast and secondary element in contrast with blue.
...red       -   red styles used for admin major cautionary functions, like delete.
-----------------------------------------------------------------------------------------*/
.lightGrey, a:link.lightGrey, a:visited.lightGrey {
    color: #222 !important;
    text-shadow:0px 1px #f5f5f5;
    border:1px solid #b1b0b0  !important;
    background:url(/themes/admin_styles/img/admin_btn_grey.png) 0px 0px repeat-x;
    background-image: linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%);
    background-image: -o-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(207,207,207) 0%, rgb(247,244,245) 100%);
}
    .lightGrey:hover, a:hover.lightGrey, a:hover.lightGrey:hover {
        text-decoration:none !important;
        background:url(/themes/admin_styles/img/admin_btn_grey.png) 0px -28px repeat-x;
        background-image: linear-gradient(bottom, rgb(186,186,186) 0%, rgb(244,240,240) 100%);
        background-image: -o-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(244,240,240) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(244,240,240) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(244,240,240) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(186,186,186) 0%, rgb(244,240,240) 100%);
    }
.grey, a:link.grey, a:visited.grey {
    color: #FFF !important;
    text-shadow:0px 1px #696969;
    border:1px solid #8f8f8f  !important;
    background-image: linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%);
    background-image: -o-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(209,209,209) 100%);
}
    .grey:hover, a:hover.grey, a:hover.grey:hover {
        text-decoration:none !important;
        text-shadow:0px 1px #4e4e4e;
        border:1px solid #737373 !important;
        background-image: linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%);
        background-image: -o-linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(135,135,135) 0%, rgb(192,192,192) 100%);
    }
.charcoal, a:link.charcoal, a:visited.charcoal {
    color:#fff !important;
    text-shadow: 0px 1px 1px #5c5c5c;
    border:1px solid #5c5c5c !important;
    background-image: linear-gradient(bottom, rgb(99,99,99) 0%, rgb(166,166,166) 100%);
    background-image: -o-linear-gradient(bottom, rgb(99,99,99) 0%, rgb(166,166,166) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(99,99,99) 0%, rgb(166,166,166) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(99,99,99) 0%, rgb(166,166,166) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(99,99,99) 0%, rgb(166,166,166) 100%);
}
    .choarcoal:hover, a:hover.charcoal, a:hover.charcoal:hover {
        text-shadow: 0px 1px 1px #323232;
        border:1px solid #464646 !important;
        background-image: linear-gradient(bottom, rgb(79,79,79) 0%, rgb(146,146,146) 100%);
        background-image: -o-linear-gradient(bottom, rgb(79,79,79) 0%, rgb(146,146,146) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(79,79,79) 0%, rgb(146,146,146) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(79,79,79) 0%, rgb(146,146,146) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(79,79,79) 0%, rgb(146,146,146) 100%);
    }
.orange, a:link.orange, a:visited.orange {
    color:#fff !important;
    text-shadow: 0px 1px #824003;
    border:1px solid #b95e0a !important;
    background-image: linear-gradient(bottom, rgb(210,110,16) 0%, rgb(245,149,59) 100%);
    background-image: -o-linear-gradient(bottom, rgb(210,110,16) 0%, rgb(245,149,59) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(210,110,16) 0%, rgb(245,149,59) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(210,110,16) 0%, rgb(245,149,59) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(210,110,16) 0%, rgb(245,149,59) 100%);
}

    .orange:hover, .a:hover.orange, a:hover.orange:hover {
        text-shadow: 0px 1px #862d06;
        border:1px solid #aa4904 !important;
        background-image: linear-gradient(bottom, rgb(204,92,11) 0%, rgb(239,129,38) 100%);
        background-image: -o-linear-gradient(bottom, rgb(204,92,11) 0%, rgb(239,129,38) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(204,92,11) 0%, rgb(239,129,38) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(204,92,11) 0%, rgb(239,129,38) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(204,92,11) 0%, rgb(239,129,38) 100%);
    }
.green, a:link.green, a:visited.green {
    color:#fff !important;
    border: 1px solid #2e7657 !important;
    background-image: linear-gradient(bottom, rgb(46,118,87) 0%, rgb(124,179,155) 100%);
    background-image: -o-linear-gradient(bottom, rgb(46,118,87) 0%, rgb(124,179,155) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(46,118,87) 0%, rgb(124,179,155) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(46,118,87) 0%, rgb(124,179,155) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(46,118,87) 0%, rgb(124,179,155) 100%);
}
    .green:hover, a:hover.green, a:hover.green:hover {
        display: block;
    }
.blue, a:link.blue, a:visited.blue {
    color: #fff !important;
    text-shadow: 0 1px 1px #46687e;
    border: 1px solid #46687e !important;
    background-image: linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);
    background-image: -o-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(67,102,123) 0%, rgb(145,175,192) 100%);
}
    .blue:hover,  a:hover.blue, a:hover.blue:hover, .blue.active {
        text-shadow: 0 1px 1px #20364a;
        border: 1px solid #46687e  !important;
        background-image: linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
        background-image: -o-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(51,83,105) 0%, rgb(123,155,174) 100%);
    }

.lightBlue, a:link.lightBlue, a:visited.lightBlue {
    color:#fff !important;
    text-shadow:0 1px 1px #678597;
    border: 1px solid #7d95a4 !important;
    background-image: linear-gradient(bottom, rgb(135,159,174) 0%, rgb(193,208,218) 100%);
    background-image: -o-linear-gradient(bottom, rgb(135,159,174) 0%, rgb(193,208,218) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(135,159,174) 0%, rgb(193,208,218) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(135,159,174) 0%, rgb(193,208,218) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(135,159,174) 0%, rgb(193,208,218) 100%);
}
    .lightBlue:hover, a:hover.lightBlue, a:hover.lightBlue:hover {
        text-shadow:0 1px 1px #3c5769;
        border: 1px solid #5f7889 !important;
        background-image: linear-gradient(bottom, rgb(108,133,151) 0%, rgb(169,190,201) 100%);
        background-image: -o-linear-gradient(bottom, rgb(108,133,151) 0%, rgb(169,190,201) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(108,133,151) 0%, rgb(169,190,201) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(108,133,151) 0%, rgb(169,190,201) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(108,133,151) 0%, rgb(169,190,201) 100%);
    }
.red, a:link.red, a:visited.red {
    color:#fff !important;
    text-shadow: 0px -1px #7f2700;
    border:1px solid #9b3102 !important;
    background-image: linear-gradient(bottom, rgb(162,45,6) 0%, rgb(227,67,14) 100%);
    background-image: -o-linear-gradient(bottom, rgb(162,45,6) 0%, rgb(227,67,14) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(162,45,6) 0%, rgb(227,67,14) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(162,45,6) 0%, rgb(227,67,14) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(162,45,6) 0%, rgb(227,67,14) 100%);
}
    .red:hover, a:hover.red, a:hover.red:hover {
        text-shadow: 0px -1px #620b00;
        border:1px solid #801a00  !important;
        background-image: linear-gradient(bottom, rgb(139,25,2) 0%, rgb(215,43,4) 100%);
        background-image: -o-linear-gradient(bottom, rgb(139,25,2) 0%, rgb(215,43,4) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(139,25,2) 0%, rgb(215,43,4) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(139,25,2) 0%, rgb(215,43,4) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(139,25,2) 0%, rgb(215,43,4) 100%);
    }


/* EoE Orginal CSS Below for footer (from wiki) - Current - 09/17/12
    
Don't know why this is in global. Should be moved somwhere else?

*/
#publish {
    margin:0px auto 0px auto;
    width:950px;
}

.mir {
    text-indent: -3000px; overflow: hiddden;
}

#publish p {
    font-family: Arial, Helvetica, sans-serif;
    line-height:140%;
    font-size: 10px;
    color: white;
    text-align: center;
    width: 560px; /* 530px; */
    margin:0 auto;
}

#publish p a {color:white; border-bottom:1px dotted white;}
#publish p a {border-bottom:1px solid white;}

#ncse_logo{
     float: left;
    margin:0 10px 0 10px;
    width: 77px;
    height: 25px;
    background: url(/themes/newbase/i/eoe/ncse_logo.gif) no-repeat;
}

#bu_logo{
    float: left;
    margin:0 10px 0 10px;
    width: 77px;
    height: 31px;
    background: url(/themes/newbase/i/eoe/bu_logo.gif) no-repeat;
}

#trunity_empowered {
    float:right;
    margin:0 10px 0 10px;
    width: 75px;
    height: 26px;
    background: url(/themes/newbase/i/eoe/trunity_empowered.gif) no-repeat;
}
#du_logo {
    float:right;
    margin:0 10px 0 10px;
    width: 77px;
    height: 25px;
    background: url(/themes/newbase/i/eoe/du_logo.gif) no-repeat;
}

#ncse_logo a,#bu_logo a,#du_logo a, #trunity_empowered a, #trunity_empowered a:hover, #bu_logo a:hover, #du_logo a:hover {
    display: block;
    width: 77px;
    height: 26px;
    text-decoration: none;
}

#ncse_logo a:hover  {
    text-decoration: none;
}

/* Clearfix  (http: //www.positioniseverything.net/easyclearing.html)

Seems to be the glue holding the platform together. be careful editing.

----------------------------------------------------------------------*/

.clearfix:after,
/*form:after, issue with purchase access module*/
form div:after,
ul.tabs:after,
#leftnav #topics form div div label.checkbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix,
form div,
ul.tabs,
#leftnav #topics form div div label.checkbox {
    display: inline-block; /* IE/Mac */
}
/* Hides from IE-mac */
* html .clearfix,
* html form div,
* html ul.tabs,
* html #leftnav #topics form div div label.checkbox {
    height: 1%;
}
.clearfix,
form div,
ul.tabs,
#leftnav #topics form div div label.checkbox {
    display: block;
}

/* Trunity Message Dialog */
#trunityMessageBody{
	padding-bottom:20px;
	font-size:16px;
}
#trunityMessageBody.success{
	background-color: #C1FFC1;
}

/*Special ckeditor display issues*/
.cke_editable{
	font-size:15px;
	font-family:georgia;
}

.cke_editable h1, .cke_show_borders h2, .cke_show_borders h3, .cke_show_borders h4{
	font-family:georgia
}

.thumbinner{
	width:auto !important;
}

body.cke_editable {
	margin-left:auto;
	margin-right:auto;
}

.code {
	font-family:  Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
	font-size:75%;
	background-color:#EEEEEE;
	padding:10px;
}