body { margin: 0; padding: 10px; font-size: 95%; font-family: arial,helvetica,sans-serif; background: url(images/background.jpg) repeat-x; }

/* container properties */
p, td, th, li, pre { font-size: .9em; }
table, td p, th p, li p, li li, td td { font-size: 1em; }
div .p, p label, td label { font-size: .9em; }
.p .sbutton, li .sbutton, p .sbutton, td .sbutton, th .sbutton { font-size: .89em; }
.p .dmenu, li .dmenu, p .dmenu, td .dmenu, th .dmenu { font-size: .89em; }
textarea { font-family: sans-serif; font-size: .95em; }

/* inputs with focus */
input:focus, textarea:focus { background-color:#ffd; }

/* header properties */
h1, h2, h3, h4 { color: #73253F; margin: 5px 5px; }
h1 a, h2 a, h3 a, h4 a { color: #73253F; text-decoration: none; }
h1 {font-weight:normal;}
h2 { font-size: 1.3em; }
h3 { margin: 5px 5px 5px 0; color: #73253F; font-weight: normal !important; font-size: 20px; font-family: "Times New Roman", Times,  serif; }
h4 { margin: 5px 5px; font-weight: bold; font-size: .9em; }

a { color: #BF3D69; text-decoration: none; }
img { border-width: 0px; }

#header h1 { height: 1.2em; overflow: hidden; }

/* form labels */
label, .label { color: #735368; }
td .label, p .label { font-size: .9em; }

/* wraps the entire content of the body */
#frame { border: solid 1px #d9d9e9; background: #fff; padding-bottom: 10px; margin: 0 auto; }
#frame_top { }
#frame_bottom { }

/* contains class name, login/logout, and tabs */
#header { margin:4px; border:solid 1px #d9d9e9; padding: 5px 5px 0px; background: #dce5ee url(images/sakura_header.jpg) no-repeat bottom right; }
#header .toplinks { float: right; padding-bottom: 2px; background: #7290af; font-size: 0.85em; margin-bottom: 12px; }
.toplinks a { text-transform: lowercase; color: #fff; }
#header .links { float: right; padding:0px 0px 4px; text-decoration: none; clear: both; }
#header h1 { margin: 4px 0px 4px 4px; }

/* the primary tab look (e.g. at the top of every page: Pages, Calendar, etc.) */
div.tabmenu_border { border-bottom: 1px #d9d9e9 solid; }
div.tabmenu { padding-left: 10px; }
.tabmenu ul { display:inline; margin: 0px; }
.tabmenu ul li { float:left; margin: 0px 5px -1px 0px; border: 1px #d9d9e9 solid; padding: 3px 10px; list-style: none; background: url(images/tab.jpg) repeat-x top #fff; cursor: pointer; color: #73253F; }
.tabmenu ul li a { text-decoration: none; color: #73253F; }
.tabmenu ul li.selected { background: #fff; border-bottom-color: #fff; font-weight: bold; }
.tabmenu ul li.selected a { color: #BF3D69 !important; }

/* a button within a tab that displays a menu */
.tabmenu ul li.tabmenu_dropdown { padding-right: 0px; }
.tabmenu ul li.tabmenu_dropdown span {margin:0 0 0 6px; padding: 3px 0 3px 12px; background: transparent url(/images/icons/bullet_arrow_down.png) center no-repeat; border-left:1px solid #D9D9E9;}
.tabmenu ul li.tabmenu_dropdown span:hover {background-color:#eee; }

/* contains the main page content */
#content { margin-top: 5px; padding-bottom: 10px; }

/* contains copyright information */
#footer { padding: 5px; color:#7290af; font-size:.9em; text-align:right; }
#footer_home { display: block; background: url(images/logo_small.gif) no-repeat top left; overflow: hidden; height: 0px; padding-bottom: 45px; width: 211px; float:left; text-decoration: none; }

/* used in Pages, col1 contains the tree of pages */
/* used in Pages, col2 contains the content blocks */
#col1, #col2 { padding: 1px 2px; } 
#col1 { position: absolute; left: 15px; width: 160px; padding-right: 3px; border-right: 1px #d9d9e9 solid;} 
#col2 { margin-left: 175px; margin-right: 5px; border-width: 0px; }
#col1 p { margin-left: 12px; }
#col2 h3 { font-size: 14px; font-weight: bold !important; margin-bottom: 0px; font-family: Arial, "MS Trebuchet", sans-serif; margin-left: 12px; }
#col2 p { margin-left: 12px; margin-right: 12px; }

/* A two-column layout for use within thickboxes */
/* used when reading discussions & in the Embed the Web Widget wizard */
#tb_col1 { position:absolute; width: 155px; background:url(/images/nav.bg.jpg) repeat-x; border:solid 1px #cdb; overflow:auto; }
#tb_col1_btn { position:absolute; margin-left:155px; }
#tb_col2 { padding-left: 170px; }
#tb_col1.collapsible { width: 145px; }

/* used in Pages */
.pagetitle { padding: 5px 5px 7px 5px; color: #73253F; margin: 5px 5px; font-size: 1.4em; font-weight: normal; }

/* used to control column layouts
    first # is layout, second # is column number */
#col_1_1 { width: 100%; } /* One Column */

/* Traditional Two Column */
#col_2_1 { margin-right: 200px; }
#col_2_2 { float: right; width: 195px; }

#col_3_1 { float: left; width: 34%; margin-right: 1%; } /* Three Column */
#col_3_2 { float: left; width: 32%; margin-right: 1%; }
#col_3_3 { float: right; width: 32%; }

/* Wide Right, Two Columns */
#col_4_1 { float: left; width: 195px; } 
#col_4_2 { margin-left: 200px; }

#col_5_1 { float: left; width: 49%; margin-right: 1%; } /* Even Two Columns */
#col_5_2 { float: right; width: 49%; }
#widecol {padding: 0px 4px;}

/* used to display the tree of pages  */
ul.pages_tree { margin-left: 8px; padding: 0px; clear: both; }
ul.pages_tree li {position: relative; margin: -1px 0px 0px 0px; list-style: none; font-size: .9em; cursor: pointer; border-top: 1px #d9d9e9 solid;}
ul.pages_tree li a { text-decoration: none; margin-left: 3px; color:#73253F;}
ul.pages_tree li li a {margin:0;}
ul.pages_tree ul { margin: 0px; padding: 0px; }
ul.pages_tree ul li { padding: 0px; margin: -1px 0px 0px 12px; font-size: 1em; border-bottom-width:0px; }
ul.pages_tree div:hover { background-color: #ecf5fe; }
ul.pages_tree div {padding: 2px 1px 2px 2px; border-bottom: 1px #d9d9e9 solid;  overflow: hidden }
ul.pages_tree div.selected { background-color: #ecf5fe; }
ul.pages_tree div.selected a { color: #BF3D69; }
ul.pages_tree div.hoverclass { background-color: #ecf5fe; }

span.bullet {position: absolute; left: -9px; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0px 4px; padding: 8px 5px; font-size: 1px; cursor: pointer; }
span.bullet_closed {position: absolute; left: -9px; background-image: url(images/bullet_closed.gif); background-repeat: no-repeat; background-position: 0px 4px; padding: 8px 5px; font-size: 1px; cursor: pointer; }
span.bullet_open {position: absolute; left: -9px; background-image: url(images/bullet_open.gif); background-repeat: no-repeat; background-position: 0px 4px; padding: 8px 5px; font-size: 1px; cursor: pointer; }

tr span.bullet, tr span.bullet_closed, tr span.bullet_open { left: 0px; }

ul.vmenu {margin: 0px; padding: 0px; clear: both;}
ul.vmenu li { margin: 0px; border: 0px #d9d9e9 solid; border-bottom-width: 1px; padding: 2px 0px 2px 3px; list-style: none; font-size: 1em; cursor: pointer; }
ul.vmenu li a { text-decoration: none; margin-left: 3px; display: block;}
ul.vmenu li:hover { background-color: #ecf5fe; }
ul.vmenu li.selected { }

/* used in Pages, contains the head and body (box) of a content block */
.cms_box { border: 1px #fff solid; margin-bottom:6px; }

/* used in Pages, contains the title of a content block */
.head { background-color: #d9d9e9; color: #73253f; font-weight: bold; padding: 5px; border:0px #d9d9e9 solid; }
.head td { padding-right: 5px; }

/* used in Pages, contains the body of a content block */
.box { margin:6px 0px 6px 6px; width: 97%; overflow: hidden; font-size:.9em; }
.box p { margin-top: 0px; font-size: 1em; }
.box label, .box td, .box th, .box li, .box pre { font-size: 1em; }
.box .sbutton { font-size: .89em; }

/* used in link, file, audio, video & image content blocks */
.box_table { font-size: 1.05em; }
.box_table td { font-size: 11pt; white-space: nowrap; }

/* used in image content blocks, contains the image thumbnail in slideshow mode */
.showimg { text-align: center; }
.showimg .ihead { }
.showimg .ihead .r { }
.showimg .ibody { }
.showimg .ibody .r { }
.showimg .ifoot { }
.showimg .ifoot .r { }

/* used in image content blocks, contains the image thumbnail in thumbnail mode */
.thumbimg { float: left; padding: 2px 4px; white-space: nowrap; overflow: hidden; }
.thumbimg .ihead { }
.thumbimg .ihead .r { }
.thumbimg .ibody { }
.thumbimg .ibody .r { }
.thumbimg .ifoot { }
.thumbimg .ifoot .r { }

/* used for Connect tab lists and Roster (& Connect Blocks) */
table.list {border-collapse: collapse;}
table.list th { border-top: 1px #d9d9e9 solid; padding: 5px; background-color: #d9d9e9; color: #73253f; }
/* TODO: add {padding: 3px;} to 'table.list td' & 'table.list th' in all skins */
table.list td, table.list th { border-bottom: 1px #d9d9e9 solid; padding: 3px; text-align: left; }
table.hover_glow tr:hover { background-color: #ecf5fe; }
table.hover_glow tr.noglow:hover { background-color: #fff; }
.cms_box_annc .label { white-space: nowrap; }

/* used in Calendar > Agenda & the Upcoming Events Block */
.agenda_date { font-style: italic; font-size: 0.9em; font-family: "Times New Roman", Times, serif; color: #735368; }
div.agenda_date { padding-top: .5em; border-bottom: 1px #cdb solid; }
.cms_box_cldr_list .cldr_list_grading_period { margin-bottom: 2px; }
.cms_box .ellipse { float: right; width: 4%; }
.cms_box .list_item { width: 94.8%; }
.detail { color: #777; font-size:.9em; }
table.list th .detail { color: #bf3d69;}

/* used in the YouTube & Google Video Blocks */
.video_thumb { padding-top:5px; }
.video_thumb .play { position: relative; margin-top: -65px; background: url(/images/external_video_play.gif) no-repeat center center; height: 0px; padding-bottom: 24px; }

/***********************************************************************
    BEGIN styling for Calendar
************************************************************************/

/* used in Calendar & the Mini Calendar Block */
table.cldr { border-top: 1px #d9d9e9 solid; border-left: 1px #d9d9e9 solid; margin-bottom:8px;}
table.cldr th { font-size: .9em; background-color: #dce5ee;padding:4px;}
table.cldr th p { font-size: .8em; }
table.cldr td { overflow: hidden; width:14%;padding:4px; }
table.cldr td td, table.cldr th td { border: 0px; }
table.cldr td, table.cldr th { border-bottom: 1px #d9d9e9 solid; border-right: 1px #d9d9e9 solid; } 
table.cldr td p, table.cldr td td { font-size: .8em; }
table.cldr .day_header { font-size: .8em; color: #aaa; font-weight: bold; text-align: right; }
table.cldr .day_header a { color: #aaa; text-decoration: none; }
table.cldr .day_header a:hover { background-color:#ecf5fe; }
table.cldr td.grey { background-color: #ecf5fe; }
table.cldr td.grey a { color:#999; }
table.cldr td.today { background-color: #fcf1f5; border: 1px #dce5ee outset;}
table.cldr td.hilite { background-color: #fcf1f5; }
.cldln a:hover { background-color:#ecf5fe; }
.today .cldln a:hover { background-color:#ecf5fe; }
.cday { overflow: hidden; height: 104px; }
.cldln { overflow: hidden; height: 18px; /*white-space: nowrap; text-align: left; */ }
.cldln b { font-size: 0.8em; }
.cldln a { text-decoration: none; }
.event a { color: #6C8DAC; } 
.assignment a { color: #73253F; }
.cms_box_cldr table { font-size: .9em; }

/* applied to the first day of a month */
/* cal_mo is applied to every first of the month */
.cal_mo {background-repeat: no-repeat;}
/* mo1 applies to the 1st of January, mo2 to February, etc. */
.cal_mo1 {background-image: url(/images/month1.gif); }
.cal_mo2 {background-image: url(/images/month2.gif); }
.cal_mo3 {background-image: url(/images/month3.gif); }
.cal_mo4 {background-image: url(/images/month4.gif); }
.cal_mo5 {background-image: url(/images/month5.gif); }
.cal_mo6 {background-image: url(/images/month6.gif); }
.cal_mo7 {background-image: url(/images/month7.gif); }
.cal_mo8 {background-image: url(/images/month8.gif); }
.cal_mo9 {background-image: url(/images/month9.gif); }
.cal_mo10 {background-image: url(/images/month10.gif); }
.cal_mo11 {background-image: url(/images/month11.gif); }
.cal_mo12 {background-image: url(/images/month12.gif); }

/* Contains buttons (actions) */
.action {background-color: #ecf5fe; border: #d9d9e9 solid; border-width: 1px 0px; padding: 3px; }

/* Makes an input "blend in" but still look editable when the user mouses over it */
.pinput { border: 0px; padding:2px; background-color: transparent; }
.pinput_hover { border: 1px #ccc solid; padding: 1px; background-color: #ffe; }
.pinput_focus { border: 1px #ccc solid; border-style: inset; padding: 1px; background-color: #ffe; }

/* Buttons */
/* button is used for any <input type="button" or type="submit" /> */
.button { margin: 2px; border-width: 1px; border-color: #d9d9e9; border-style: solid; padding: 2px 20px 2px 20px; background-color: #ecf5fe; text-decoration: none; cursor: pointer; color: #BF3D69; font-weight: bold; }
.button:hover { background-color: #d9d9e9; }

/* small button */
.sbutton {font-size: .8em; margin-right: 5px; border: 1px solid #d9d9e9; padding: 1px 3px 1px 2px;  background-color: #ecf5fe; text-decoration: none; font-weight: normal; color: #444; cursor: pointer; white-space:nowrap; }
.sbutton:hover {background-color: #d9d9e9;}
li .sbutton { font-size: 1em; }
.sbutton img {background: #ecf5fe;}
#col2 .bprint { margin: 14px;}

/* TODO: Include in all skins 
style for dropdown menu button, NOTE: this has to be defined before sbutton */
.dmbutton { background-image: url(/images/icons/bullet_arrow_down.png); background-repeat: no-repeat; background-position: right 2px; float: left; padding:4px 18px 1px 5px; }

/* used mainly for iconic buttons */
.ibutton {border: 1px #d9d9e9 solid; border-bottom-color: #aaa; border-right-color: #aaa; padding: 1px; background:#ecf5fe; cursor:pointer;}

/* Big Button, used for MD dialog boxes (in case of errors or for confirmations) */
.bbutton { margin: 5px; padding: 5px 10px; border: 1px #d9d9e9 solid; background-color: #ecf5fe; color: #955; font-size: 1em; font-weight: bold; cursor: pointer; }
.bbutton a { text-decoration: none; color: #955; }
.bbutton:hover, .bbutton:focus { border-color: #fcc; background-color: #fff7df; }

/* Toggle button */
.stoggle_on { border-right: 1px #bbb solid; border-bottom: 1px #bbb solid; background-color: #d9d9e9; }
.stoggle_off { background-color: #ecf5fe; }

/* dissabled control */
.disabled { opacity: 0.5; cursor: default; }

/* TODO: Include in new skins 
e.g. used in Connect>Dropbox>(assignment) for Assignment details */
fieldset {padding: 5px;border:1px solid #d9d9e9;margin:3px 0;}
fieldset legend {color: #798; font-size:.8em;}
fieldset.collapsible .fieldset_wrapper {overflow:auto;}
fieldset.collapsible legend a {padding-left:14px; background: url(images/bullet_open.gif) no-repeat 2px 4px; cursor: pointer;}
fieldset.collapsed {border-width:1px 0 0 0;height:1em;}
fieldset.collapsed legend a {background: url(images/bullet_closed.gif) no-repeat 2px 4px; }
fieldset.collapsed .fieldset_wrapper {display:none;}

/* AltTip, used to add text to icon-only buttons (eg Calendar next/previous month buttons & Cms My Classes tab) */
.alttip { font-size: .8em; position: absolute; top: 0px; left: 0px; background-color: #fff; border: 1px #d9d9e9 solid; padding: 5px; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; z-index:150; } 

/* used in Connect tab (e.g. Inbox, Dropbox) */
.actrow, .tools { padding: 5px; }
.actrow label {font-size: 0.8em;}

/* marks an input as required */
div.requiredField, span.requiredField { padding-right: 18px !important; background: url(/images/icons/asterisk_orange_small.png) no-repeat top right; }
div.requiredField { float: left; }
/* text explaining validation to the user (eg, must contain only digits) */
span.reqirement { color: #E07D20; font-size: .8em; }

/* for when validation fails on user input */
.fieldWithErrors input, .fieldWithErrors select, input.fieldWithErrors, textarea.fieldWithErrors, select.fieldWithErrors { background-color: #fdd; }
.fieldWithErrors span { display: inline; color: #933; font-size: 0.9em; }
td.fieldWithErrors { background-color: #fcc;}

/* displays unobtrusive notices or errors to the user */
div.notice { position: absolute; left: 30%; margin: 0px 50px 0px 0px; padding: 7px 0px; font-size: .8em; text-align: center;}
div.notice span { position: relative; top: -7px; border: 1px #73253F solid; padding: 4px 12px 4px 8px; background-color: #FCF1F5; }
a.notice_close_button { display: inline; margin: 0px 5px; border-width: 0px; padding: 0px 6px; background: #fff url(/images/delete.gif) no-repeat top left; width: 16px; height: 16px; cursor: pointer; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.cms_box .head {color: #BF3D69; border-bottom: 1px #73253F solid; background-color: #fff;}

div.pmsg {padding: 2px; color: red; font-weight: bold; font-size: 0.8em;}
/* displays when there is a system error */
div.error { margin: 5px 0px; border: #c33 2px solid; padding: 3px; font-size: .9em; }
.error { color: red; }

/* used for error/confirmation dialogs, the overlay will completely cover the screen */
#MD_box { background-color: #fff; border-color: #777; border-style: solid; border-width: 1px 2px 2px 1px; padding: 10px; }
#MD_box input.bbutton { display: block; margin: 10px auto; width: 100%; }
#MD_overlay { background-color: #fff; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.md_text { color: #a86; margin: 4px 4px; font-size: 1.1em; }

input.placeholder {border: 1px #d9d9e9 solid; color: #999;font-size:11px;padding:4px 0 3px 4px;}
input.placeholderF {color: #333;}

/* drop down menu */
.dmenu {position: absolute; background-color: #fff; border: 1px #d9d9e9 solid; cursor: pointer; z-index:5;}
.dmenu div {padding: 3px; font-size: 1em; font-weight: normal; color: #444;}
.dmenu div.hover {background-color: #6C8DAC; color: #fff;} 
.dmenu hr { height:0px; margin: 2px 0px; border: 0px #d9d9e9 solid; border-top-width: 1px; }
.dmenu .selected { padding-left: 25px; background-image: url(/images/icons/tick.png); background-repeat: no-repeat; background-position: 3px 3px; }
.dmenu .not_selected { padding-left: 25px; }
.dmenu .dmoption { padding-left: 25px; float: none; white-space: nowrap; }

/* Just-In-Time Help styling */
#help_jit { position: absolute; z-index: 5000; background-color: transparent; width: 225px; font-size: .8em;}
#help_jit_message { position: relative; left: 24px; border: 1px #000 solid; padding: 7px; background-color: #fff; width: 200px; }
#help_jit_arrow_left, #help_jit_arrow_right { position: absolute; z-index: 10; }

img.help_jit { cursor: default; }
img.help_jit_empty { background-color: #ff0; }

/*Credits: http://www.dynamicdrive.com/style - now heavily modified*/
.pagination { padding: 2px; }
.pagination ul { margin: 0; padding: 0; text-align: left; }
.pagination li { list-style-type: none; display: inline; margin: 0px 1px; border: 1px solid #d9d9e9; padding: 1px 5px; background-color: #ecf5fe; }
.pagination a, .pagination a:visited { text-decoration: none; color: #444; font-weight: normal; }
.pagination li:hover, .pagination a:active { background-color: #d9d9e9; }
.pagination li.currentpage { font-weight: bold; background-color: #ecf5fe; }
.pagination li.disablepage { padding: 0 5px; border: 1px solid #d9d9e9; color: #aaa; }

.disabled {color: #999;}

.tb_title_bar{padding:3px 3px 3px 0; background-color: #6A8BAA; border-bottom: 1px #73253F solid;}
.tb_title_bar .tb_title {color: #fff;}

/**********************************
TODO: add to skins 
TODO: move .left, .right, etc to eclass.css & remove from skins
**********************************/
/* used when there is nothing available */
#col2 .empty_column { border-top: 1px #ccc solid; }
.empty_column { border-width: 0px; padding: 20px 5px 20px 5px; background-color: #eee; color: #999; text-align: center; font-size: .85em; }

/* vlist should be in the skins */
.vlist div { border-bottom: 1px #ccc solid; padding: 5px; }
.vlist div div { border-width: 0px; padding: 0px; }

/* A more compact vlist */
.vlist_compact div { padding: 1px 0px; }

table.vlist { width: 100%;}
table.vlist td { margin:0px; border-bottom: 1px #ccc solid; padding: 5px; }
table.vlist td div { border-width: 0px; padding: 0px; }

/* used for the sub-tabs in the Connect tab */
ul.subtabmenu { margin: -5px 0px 10px; padding: 5px; border-bottom: 1px solid #d9d9e9; font-size: 0.9em; }
ul.subtabmenu li { list-style: none; display: inline; border: 0px #000 solid; border-right-width: 1px; padding: 0px 10px; }
ul.subtabmenu li a.selected { font-weight: bold; color: #6c8dac; }

/* used for right-aligned items in the subtabmenu */
ul.subtabmenu li.right { border-right: none; }

.unread { font-weight: bold; }
.bulleted { position: relative; padding-left: 15px; }

/* add white-space:nowrap; to sbutton */
.sbselected { background-color: #fff7df; }

td.label { vertical-align: top; }
td.right, table.list td.right { text-align: right; float: none; }

/* TODO: add th.right, table.list th.right to skins */
td.right, table.list td.right, th.right, table.list th.right { text-align: right; float: none; }

/* used for the in-lms login screen */
.admlogin { margin:0px auto; width: 30em; border:6px solid #d9d9e9; padding: 10px; }
.admlogin form { margin-top: 1em; }
.admlogin table { width:100%; }
.admlogin table td.label { width: 9em; text-align:right;}

/* used for Messages & Discussions to signify a quotation */
.title { font-weight: bold; font-size: 1.2em;}
.quote .title { color: #000; font-weight: bold; font-size: 1em; }
.quote { display: block; border-left: 2px solid #00f; padding-left: .5em; color: #00f; }
.quote .quote { border-left-color: #0f0; margin-left: -.2em; color: #0f0; }
.quote .quote .quote { border-left-color: #f00; color: #f00; }

/* used for Manage Attachments */
.overflow { color: #eb4; }
tr.overflow { background-color: #fff2cc; color: #000; }
table.hover_glow tr.overflow:hover { background-color: #fea; }

/* used for Discussions, Dropbox & Inbox to display & new items */
.count { font-size: .85em; font-weight: bold; color: #000; }
a.count:hover { color: #df3d69; }

/***********************************************************************
    BEGIN Announcements
************************************************************************/
table.annc td { vertical-align: bottom; }

/***********************************************************************
    BEGIN Messages
************************************************************************/
span.recipient { border: 1px solid #ddd; }
.recipient { float: left; margin: .2em .5em 0px 0px; }
.recipient span { white-space: nowrap; display: block; padding: 3px 0px 2px 4px; }

table.actrow { padding:0px; }
table.actrow td { padding:3px; }

.quick_search { white-space:nowrap; width: 10em; }
.quick_search .ibutton { padding: 2px; margin-left: 5px;}

hr { border-width:0px; border-top: 1px solid #d9d9e9; }

/***********************************************************************
    BEGIN Dropbox
************************************************************************/
#dropbox_table { padding: 5px; }
#dropbox_table td { padding: 5px; }
#dropbox_table a { text-decoration: none; }

.vlist_col { float: left; }
.message_list { clear: both; width: 95%; padding: 0px; font-weight: normal;}
.message_list div.vlist { margin: 0px; padding: 0.2em 5px 0.5em 20px; font-weight: normal; }
.message_list div.vlist div { font-size: 1em; list-style: none; }
.message_list div.vlist div a { color: #000; }
.message_list div.vlist div a:hover { color: #bf3d69; }

.drafts { background-color:#d9d9e9; padding: 2px 0px 0px; margin: -1px 10px 10px; border: 1px #73253f solid; border-top-width: 0px; font-size: .9em; }
.drafts div.vlist { margin: 0px; padding: 0.2em 5px 0.5em 20px; font-weight: normal; }
.drafts div.vlist a { color: #000; }
.drafts div.vlist a:hover { color: #bf3d69; }

.msg_icons { display: block; float: right; margin-left: 10px; margin-bottom: -16px; }
.staticon { padding: 16px 16px 0px 0px; font-size: 0px; background-position: top left; background-repeat: no-repeat; }
.si_attach { background-image: url(/images/icons/attach.png); }
.si_late { background-image: url(/images/icons/clock_red.png); }
.si_sticky { background: url(/images/sticky.gif) top left no-repeat; }

/* A progress bar that is displayed while files are uploading */
div.progressBar { margin: 15px; }
#progressText { font-size: 1em; }
#progressBar { width:100%; height: 18px; border: 1px #333 solid; background-color: #fff; }
#progressBar #statusBar { display:block; height:18px; width:0; background-color:#333; border-right:solid 1px #000; }
#progressBar #statusText { display:block; padding: 0 15px; line-height:25px; position:absolute; top:0; left:0; }

.tb_dropbox_msg .actrow { margin: 0px -10px 0px; }

/***********************************************************************
    BEGIN Discussion
************************************************************************/
#tb_col1.discussion_menu { background-image:none; border-width: 0px; }
.post_row {padding: 4px 0px 0px;}
.post_head {background-color: #ECF5FE; border: 1px solid #d9d9e9;}
.post_action {background-color: #d9d9e9; border-width: 0 1px 1px 1px; border-style:solid; border-color:#d9d9e9;}
.post_body {border-style: solid; border-color: #d9d9e9; border-width: 1px 1px 1px 0; background-color: #fff;}
.post_body_hidden {background-color: #eee; color: #999; }
.post_star {float: right;cursor: pointer;}
.post_unread {background-color: #735368; color:#fff; padding: 2px; margin: 2px 0;cursor:pointer;}
.post_unread a {color:#d9d9e9;}
.post_draft {cursor:pointer; padding:4px;}
.post_message {background-color:#fec; border:1px solid #d9d9e9; padding:4px; font-size:.9em;} 
.stitle {color: #bf3d69; font-weight: bold; font-size:1em;}


/*** User Selection ***/
#user_selection {width: 12em; position:absolute; display:none; height: 16em; overflow:auto; background-color: #fff; border: 1px solid #d9d9e9; }
#user_selection .user_sel {padding: 1px; font-size: 0.9em; cursor: pointer;}
#user_selection_title {padding: 2px; font-size: 0.9em; color: #798; border-bottom: 1px solid #798;} 
a.usel_user {margin: 2px; padding: 2px; display:block; color: #000; font-size:0.8em;} 
a.usel_user:hover, a.usel_user:focus {background-color: #798; color:#fff;} 

/***********************************************************************
    BEGIN Attendance
************************************************************************/

/* used for the Attendance calendar view */
table.ab_cldr td { color:#aaa; background-color:#fff; }
table.ab_cldr td.abnt:hover {background-color:#ffc;}

/***********************************************************************
    BEGIN General Styling
************************************************************************/
/* makes a link not a link color */
a.nolink, a .nolink {color:#444444; }

.note {padding: 5px 5px 5px 25px; border-bottom: 1px solid #73253f; background: url(/images/icons/error.png) no-repeat 5px 5px #d9d9e9; color: #732537; }
.info {padding: 5px 5px 5px 25px; border: 1px solid #d9d9e9; background: url(/images/icons/information.png) no-repeat 5px 5px #F6F9F0; color: #bf3d69; }
.post_note { background-image: url(/images/icons/comment.png); }
/* used for late Dropbox Messages */
.late_note { border-color: #ccc; background-image: url(/images/icons/clock_red.png); background-color: #fee; color: #000; }

/* hilited button */
.hibutton {background-color: #bf3d69; color: #ecf5fe; }
.hibutton:hover {background-color: #6c8dac;}

/* floating bar on bottom of thickbox */
#TB_actionBar {background-color:#ecf5fe; border:1px solid #d9d9e9;}
#TBLite { background: #D9D9E9; color: #73253F;}

/* New for 2.2.5 */
.dsc_cur_page { color: #73253F; }

.clickbl_menu {cursor:pointer; border-bottom: 1px solid #d9d9e9; }
.clickbl_menu:hover {background-color:#ECF5FE;}
.selected_menu {background-color:#ECF5FE;}
#tb_dsc_outline .selected_menu {color:#BF3D69;}

.dsc_index_separator {border-bottom: 2px solid #73253F; }
.dsc_index_unread {font-weight:bold;}
.dsc_option_unread {color:#798;}

.expand_bar {cursor: pointer; border: 1px solid #d9d9e9; background-color:#d9d9e9; overflow:hidden; width:10px;}
.expand_bar:hover {background-color:#ecf5fe;}

.attach_thumbs { text-align:center; font-size: 0.9em; }
.attach_thumbs .thumbimg { margin-right: 10px; }

a.selected {border-bottom: 3px solid #C44E76;}

/* New for 2.7 (Embed the Web) */
.widget_content { width: 98%; border-width: 0px; overflow: hidden; }
.widget_content .widget_iframe { border-width: 0px; }
.widget_content_hidden { height: 0px; border-width: 0px; }
.widget_placeholder { width: 98%; border-width: 0px; background: #ccc; font-size: 1px; }

/* Override the default body styling & center */
body.widget_body { background: transparent; margin:0px; padding:0px; width:100%; font-size:100%; text-align: center; }

/* New for 5.x */

.compose_box {padding: 2px; border: 1px #d9d9e9 solid; margin: 2px 0 2px 5px; background-color:#d9d9e9;}