/****************************************************************************** 
             fancy tabbed navigation on class guides page
*******************************************************************************/
.guideTopNavigation {
    margin: 25px 0 25px 0;
}

#content .guideTopNavigation ul {
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    display: block;
    margin: 0;
    padding: 0;
    height: 30px;
    font-size: 1.1em;
    font-weight: bold;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: transparent url(../images/class_guide_nav_bg.jpg) repeat-x left top;
}

#category {
    display: none;
}

label {
    font-weight: normal;
}

#content .guideTopNavigation ul li {
    margin: 0;
    border: none;
    display: inline;
    background: none;
    padding: 7px 15px 20px 15px;
    position: relative;
    bottom: -6px;
}

#content .guideTopNavigation ul li a {
    color: #1A2930;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 8px 0px 20px 5px;
}

#content .guideTopNavigation ul li.current {
    background-image:  url(../images/tutorial_nav_current_arrow.png), url(../images/class_guide_nav_current_bg.gif);
    background-position: right top, left top;
    background-repeat:no-repeat, repeat-x;
    padding-left: 5px;
    padding-right: 15px;
}

#content .guideTopNavigation ul li.current.last-child {
    background-image: url(../images/class_guide_nav_current_bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
    padding-left: 5px;
    padding-right: 10px;
}

#content .guideTopNavigation ul li.current a {
    /*background: transparent url(../images/tutorial_nav_current_arrow.gif) no-repeat;
    background-image-position: -31px ;*/
    color: #fff;
}
/****************************************************************************** 
            END fancy tabbed navigation on class guides page 
*******************************************************************************/

#guideContent {
    padding: 25px 20px 20px 20px;
    background: transparent url(../images/content-bg.gif) repeat-x left top;
    margin: 0 10px 0 0;
}

.section-class-guides .rightTwoColumn #rightColumn {
    background: #fff url(../images/long-gray-gradient-bg.gif) repeat-x scroll left top;
    border-left: 1px solid #FFFFFF;
    color: #666666;
    font-size: 1em;
    padding: 0;
    width: 240px;
}

.section-class-guides .rightTwoColumn #rightColumn a {
    text-decoration: underline;
    color: #1F5D85;
}

.guideContent h1.guideHeader {
    color:#1A2830;
    font-size: 2.2em;
    font-weight: normal;
    margin: 0px 0 20px 0;
}

.guideContent h1 {
    color: #a1a1a1;
    font-size: 1.8em;
    font-weight: normal;
}

#region-content .guideContent td {
    vertical-align: top;
}

.guideBottomNav {
    margin: 30px 0px 10px 30px; 
}

.guideBottomNav td {
    padding: 0 40px 0 0;
    vertical-align: top;
    width: 295px;
}    

.guideBottomNav h3 {
    color: #666666;
}

#region-content .guideBottomNav ul {
    margin: 8px 0;   
}

#region-content .guideBottomNav li {
    padding-left: 0;
    background: none;
}

/** Two column view **/
#guideTwoColumns {
}

#guideTwoColumns .columnOne,
#guideTwoColumns .columnTwo {
    width: 295px;
}

#guideTwoColumns .columnTwo {
    padding: 0 0 0 30px;
}

/****************************************************************************** 
        Right Nav bar
        Much of this CSS is copied from the library directory product
        so they would have similar appearance
******************************************************************************/
.rightTwoColumn #rightColumn a,
.rightTwoColumn #rightColumn a:active,
.rightTwoColumn #rightColumn a:visited {
}

.rightTwoColumn #rightColumn a:hover {
    text-decoration: underline;
}

.rightTwoColumn #rightColumn h1, 
.rightTwoColumn #rightColumn h2, 
.rightTwoColumn #rightColumn h3,
.rightTwoColumn #rightColumn dt {
    color: #1a2830;
}

.rightTwoColumn #rightColumn .portletHeader {
    color: #1A2830;
    font-size: 1.3em;
    padding: 20px 0 0 0;
    margin: 0 0 0 -5px;
}

h1 {
    margin-bottom: 30px;
}
    
.portraitPhoto {
    margin: 15px 75px 20px 40px;
    border: 4px solid #fff;
}

dl.portletStaff {
    margin: 0 15px 25px 25px;
}

.staffPortletFullname, .staffPortletItemTitle {
    font-weight: bold;
    color: #1a2830; 
    font-size: 1.1em;
}

.section-directory #rightColumn dd {
    margin-bottom: 20px;
}

.section-directory ul.portletNavigationTree li {
    border: none;
}

.staffPortletItem {
    margin-bottom: 20px;
}

dd.classGuideMeeboWidget {
    margin: -10px 0 10px 15px;
}


/****************************************************************************** 
                            General backend styling
*******************************************************************************/ 
.kssActive .documentEditable .documentContent,
.kssActive .inlineEditable{
   padding: 20px 10px 20px 10px !important;
}
.kssActive .documentEditable .documentContent .field {
    margin: 20px 0 30px 0;
}
.kssActive .documentEditable .documentContent textarea {
    width: 96%;   
}

/* backend - edit fields */
#tamuDepartmentCodes {
    width: 50px;
}
#meebo_widget_key,
#creators {
    width: 200px;
}


/****************************************************************************** 
                     highcontrast & text only versions
*******************************************************************************/
body.largeText .guideContent,
body.smallText .guideContent {
    background: #fff none !important;
}


body.largeText.section-class-guides #rightColumn,
body.smallText.section-class-guides #rightColumn {
    border-left: 1px solid #1A2830 !important;
    background: #fff none !important;
    color: #000;
}


body.largeText #content .guideTopNavigation {
    margin-left: -10px;
}

body.largeText #content .guideTopNavigation ul {
    font-size: .80em;
}

body.largeText.guideTopNavigation #rightColumn {
    font-size: .85em;
}

body.largeText .guideBottomNav h3,
body.smallText .guideBottomNav h3 {
    color: #000;
}

body.largeText #region-content .guideTopNavigation ul li.current a {
    padding: 0px 0 20px 5px;
    background-position: 5px -8px;
}

body.largeText #region-content .guideTopNavigation ul li a {
    padding-top: 0;
}