/*---------------------------------------------------------------- 
Copyright (C) 2010 Oklahoma State University-Oklahoma City
http://www.osuokc.edu
Author: James Walton
---------------------------------------------------------------- */

/* wide format content */

#content-wide
{
    width: 75%;
    padding: 5px;
    margin: 5px;
    float: left;
    position: relative;
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

#content-full
{
    width: 100%;
    padding: 5px;
    margin: 5px;
    float: left;
    position: relative;
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

/* left and right colum div */

.leftCol
{
    width: 45%;
    float: left;
    padding: 0px;
    margin: 0px;
}

.rightCol
{
    width: 45%;
    float: right;
    padding: 0px;
    margin: 0px;
}

/* quicklinks alpa character */

DIV.quickcap
{
    color: #666666;
    font-size: 18pt;
    font-weight: bold;
    padding-left: 10px;
    width: 100%;
    text-align: left;
    background: url('/templates/images/quickcapbkg.gif') no-repeat;
    margin-top: 18px;
    margin-bottom: 12px;
}

/* biglinks */

.biglink
{
    background: url('/templates/images/biglinkbkg.png') no-repeat;
    text-align: left;
    width: 100%;
    padding-left: 10px;
    margin-top: 18px;
    margin-bottom: 12px;
    display: block;
}

.biglink:hover
{
    background: url('/templates/images/biglinkbkghover.png') no-repeat;
}

.biglink A
{
    color: #666666;
    font-size: 18pt;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

.biglink A:hover
{
    color: #FFFFFF;
    text-decoration: none;
    display: block;
}

/* bullet-heads */

.bullet-head
{
    width: 100%;
    font-size: 10pt;
    font-weight: bold;
    line-height: 20px;
    padding-left: 12px;
    margin-bottom: 6px;
    background: url('/templates/images/bullet-head.png') left no-repeat;
}

.bullet-head-orange
{
    width: 100%;
    font-size: 10pt;
    font-weight: bold;
    line-height: 20px;
    padding-left: 12px;
    margin-bottom: 6px;
    background: url('/templates/images/bullet-head-orange.png') left no-repeat;
}

.leftSideHead
{
    width: 100%;
    font-size: 10pt;
    font-weight: bold;
    line-height: 20px;
    padding-left: 12px;
    margin-bottom: 6px;
    background: url('/templates/images/leftHeadBkg.png') left no-repeat;
}

/* home page bottom orange news button */

.bottomNews a, .bottomNews a:visited
{
    color: #ffffff;
    text-decoration: none;
    width: 180px;
    line-height: 27px;
    display: block;
    background: #222222 url('/templates/images/bottom-news.png') top right no-repeat;
}

.bottomNews a:hover, .bottomNews a:active
{
    background: url('/templates/images/bottom-news-hover.png') bottom right no-repeat;
}

div.bottomNews
{
    display: block;
    float: left;
    width: 180px;
    line-height: 27px;
    padding: 0px;
    margin: 0px;
    background: #222222 url('/templates/images/bottom-news.png') top right no-repeat;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
}

/* home page news drop content */

.newsDrop
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: auto;
    display: block;
    overflow: auto;
    background-image: url('/templates/images/news-bkg.jpg' );
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: right top;
}

.titleBar
{
    width: 870px;
    height: 29px;
    padding: 0px;
    margin: 15px;
    background-image: url('/templates/images/titleBar.png' );
    background-repeat: no-repeat;
    background-position: right top;
    display: block;
}

.iconBox
{
    width: 20px;
    height: 29px;
    float: right;
    vertical-align: bottom;
    padding: 3px;
    display: block;
}

.newsBox
{
    width: 300px;
    height: auto;
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 15px;
    display: block;
}

.newsBoxItem
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
}

.newsBoxItem A
{
    margin: 0px;
    padding: 6px;
    text-decoration: none;
    color: #000000;
    display: block;
}

.newsBoxItem A:hover
{
    text-decoration: none;
    color: #000000;
    background-color: #CCCCCC;
    display: block;
    margin: 0px;
}

/* SPOTLIGHT CSS ELEMENTS */

.spotBox
{
    float: right;
    width: 560px;
    margin: 0px;
    padding: 0px;
}

.spotLight
{
    width: 160px;
    padding: 0px;
    margin: 0px 12px 12px 12px;
    float: left;
}

.spotImage
{
    width: 160px;
    height: 120px;
    margin-bottom: 10px;
}

.spotLight H2
{
    margin: 0px 0px 6px 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #666666;
}

.spotLight P
{
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #999999;
}

.spotMore
{
    color: #FF6600;
    margin: 0px;
    padding: 0px;
}

.spotMore A
{
    color: #FF6600;
}

.spotMore A:hover
{
    text-decoration: underline;
}

.spotBanner
{
    width: 520px;
    height: 100px;
    margin: 18px 24px 0px 0px;
    padding: 0px;
    float: right;
}

/* sideBox */

.sideBox
{
    margin: 0px 0px 18px 0px;
    padding: 6px;
    background-position: left top;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    background-image: url('../images/sideBoxBkg.gif');
    background-repeat: repeat-x;
    width: auto;
    overflow: auto;
    display: block;
    text-align: left;
}

.sideBox H2
{
    padding: 0px;
    margin: 0px 0px 3px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #666666;
    text-align: left;
}

.sideBox P
{
    padding: 0px;
    margin: 0px 0px 6px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #666666;
}

.sideBox A
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #666666;
    text-decoration: underline;
}

.sideBox A:hover
{
    color: #ff6600;
}

.sideBox UL
{
    margin: 0px 0px 6px 0px;
    padding: 0px;
}

.sideBox UL LI
{
    list-style-type: square;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #666666;
}

/* END SIDEBOX */


/* yellowBox */

.yellowBox
{
    margin: 0px 0px 18px 0px;
    padding: 10px;
    background-color: #FFFFcc;
    width: auto;
    overflow: auto;
    display: block;
    text-align: left;
}

/* style for countdown ------------------------------------------------------------------- */

.cdBox
{
    width: 100%;
    background-color: #000000;
    text-align: center;
    padding: 3px;
}

.lcdstyle
{
    background-color: black;
    color: white;
    font: bold 18px MS Sans Serif;
    text-align: center;
}

.lcdstyle sup
{
    font-size: 80%;
}

.eventName
{
    background-color: black;
    color: #ff6600;
    font: bold 18px MS Sans Serif;
    text-align: left;
}

/* END style for countdown ------------------------------------------------------------------- */

/* BEGIN alphaButton */

.alphaButton
{
    background-image: url('/templates/images/alphaBkg.png');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    display: block;
    width: 21px;
    height: 21px;
    line-height: 21px;
    padding: 0px;
    margin: 6px;
    border: opx;
    float: left;
}

.alphaButton A
{
    text-decoration: none;
    color: #999999;
    display: block;
}

.alphaButton A:hover
{
    color: #000000;
}

/* END alphaButton */

/* Foodservice CSS Elements */

.foodBox
{
    border: 1px solid #CCCCCC;
    color: #666666;
    margin: 0px 0px 18px 0px;
    padding: 6px;
    background-position: left top;
    background-color: #FFFFFF;
    background-image: url('../images/foodBoxBkg.png');
    background-repeat: repeat-x;
    width: auto;
    overflow: auto;
    display: block;
    text-align: left;
}

.foodBox H2
{
    color: #000000;
    font-weight: bold;
    font-size: 12pt;
    padding: 0px;
    text-align: center;
    margin: 10px 0px 0px 0px;
}

.foodBoxContent
{
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    line-height: 21px;
    margin: 0px 0px 6px 0px;
    color: #666666;
    padding: 10px;
    table-layout: auto;
    border-collapse: collapse;
}

.foodBoxContent TD
{
    text-align: left;
    vertical-align: top;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    margin: 0px;
}

/* BEGIN degree list styles */

.degreeRow
{
    width: 100%;
    height: 32px;
    margin: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: #ff9900 1px solid;
}

.degreeCol1
{
    width: 80%;
    height: 32px;
    float: left;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-size: 10pt;
}

.degreeCol2
{
    width: 19%;
    height: 32px;
    float: left;
    text-align: center;
    vertical-align: middle;
}

.degreeBar
{
    color: #000000;
    background-color: #CCCCCC;
    padding: 6px;
    font-size: 18px;
    text-align: left;
}

.degreeBar a
{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.degreeBar a:hover
{
    color: #ff6600;
    text-decoration: underline;
}

/* Pull Quote CSS */

.pullQuote-left
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-style: italic;
    color: #666666;
    margin: 3px 10px 3px 0px;
    padding: 10px;
    width: 175px;
    height: auto;
    text-align: left;
    vertical-align: top;
    display: block;
    float: left;
    background-color: #CCCCCC;
}

.pullQuote-right
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-style: italic;
    color: #666666;
    margin: 3px 0px 3px 10px;
    padding: 10px;
    width: 175px;
    height: auto;
    text-align: left;
    vertical-align: top;
    display: block;
    float: right;
    background-color: #CCCCCC;
}

/* CSS for cutline */

.cutline
{
    font-size: 8pt;
    font-style: italic;
}


/* CSS for ASP.net Elements */

.facultyInfo
{
    float: left;
    text-align: left;
    margin-right: 10px;
}

.pageHeader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    font-style: normal;
    color: #999999;
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    padding: 0px;
    margin-top: 24px;
    display: block;
    margin-bottom: 18px;
}

.pageHeader A
{
    color: #999999;
    text-decoration: none;
}

.pageHeader A:hover
{
    color: #FF6600;
    text-decoration: none;
}

/* BASIC TABLE */

.myTable TABLE
{
    border: 1px solid #999999;
    border-collapse: collapse;
    width: 100%;
}

.myTable TD
{
    padding: 10px;
    vertical-align: top;
}

/* twitter feed styling */

#twitter_div
{
    width: 100%;
}

#twitter_update_list
{
}

#twitter_update_list LI
{
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #FF6600;
}

/* alertBox */

.alertBox
{
    margin: 0px 0px 18px 0px;
    padding: 6px;
    background-position: left top;
    border: 1px solid #FF0000;
    background-color: #FFFFCC;
    width: auto;
    overflow: auto;
    display: block;
    text-align: left;
}

.alertBox H2
{
    padding: 0px;
    margin: 0px 0px 3px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #FF0000;
    text-align: left;
}

.alertBox P
{
    padding: 0px;
    margin: 0px 0px 6px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #666666;
}

.alertBox A
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #666666;
    text-decoration: underline;
}

.alertBox A:hover
{
    color: #ff6600;
}

.alertBox UL
{
    margin: 0px 0px 6px 0px;
    padding: 0px;
}

.alertBox UL LI
{
    list-style-type: square;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #666666;
}

/* END ALERTBOX */

/* BEGIN SPBD styles */

.spbdRow
{
    width: 100%;
    height: 32px;
    margin: auto;
    padding: 12px 0px 12px 0px;
    border-bottom: #e0e0e0 1px solid;
}

.spbdCol1
{
    width: 70%;
    height: 32px;
    float: left;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-size: 9pt;
}

.spbdCol
{
    width: 15%;
    height: 32px;
    float: left;
    text-align: center;
    vertical-align: middle;
}

.spbdYear
{
    font-size: 24pt;
    font-weight: bold;
    color: #cccccc;
}

/* END SPBD styles */

/* BEGIN image float styles */

.floatRight
{
    float: right;
    margin-left: 10px;
    margin-bottom: 6px;
    display: block;
}

.floatLeft
{
    float: left;
    margin-right: 10px;
    margin-bottom: 6px;
    display: block;
}

/* NEWS TICKER STYLES */

.ticker
{
    font-family: Arial;
    font-size: 14pt;
    font-weight: bold;
    color: #FF6600;
    width: 850px;
    padding: 3px;
    height: 39px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 900;
    background-image: url('../../_hometest/images/scrollBkg.png');
    background-repeat: repeat-x;
}

.ticker A
{
    text-decoration: none;
    color: #cccccc;
    vertical-align: middle;
    line-height: 39px;
}

.ticker A:hover
{
    text-decoration: none;
    color: #FFFFFF;
}

.ticker IMG
{
    vertical-align: middle;
}