body {margin: 0px; padding: 0px; font-family: Segoe UI,Tahoma,Verdana,Arial,Sans-Serif; font-size: 12pt;}
div {display:block; margin:0px; padding:0px;}
a:link, a:visited, a:active {color: #738958;}
a:hover {color: #0000ff;}

/* Header */
#divHeader {margin-bottom:10px;border-bottom:solid 1px #738958;}
#divHeader table {width: 100%;}
.logo {text-align:left;}
.headernav {padding-right:5px;text-align:right;}

/* Announcement */
#divAnnouncement {padding:10px;margin:10px;border:solid 2px #ce1145;}
.announcementHeader {border-bottom:solid 1px #ce1145;margin-bottom:5px;text-align:center;font-weight:bold;color:#ce1145;}

/* Footer */
#divFooter {margin-top:10px;border-top:solid 1px #738958;text-align:center;}

/* Deatil page */            
#divSubHeader {padding:5px;border-bottom:solid 1px #738958;margin-top:-10px;margin-bottom:10px;font-weight:bold;color:#4e260d;}
.detailsList {position:relative;left:0px;}


/* Dashboard page */
.dashboard {margin: 0px; padding: 0px; border-collapse: collapse; border-spacing: 0px; width: 100%;}
/*
.dashboard_left {width: 33%; padding-left: 10px; vertical-align: top;}
.dashboard_middle {width: 33%; padding-left: 10px; padding-right: 10px; vertical-align: top;}
.dashboard_right {width:33%;padding-right:10px;vertical-align:top;}
*/
.dashboard_left {width:50%;padding-left:10px;padding-right:10px;vertical-align: top;}
.dashboard_right {width:50%;padding-right:10px;padding-left:10px;vertical-align:top;}
#divSBCU {padding: 5px; border: solid 4px #4e260d; margin-top: 10px; background-color: #c8b39e}
.sbcuLogo {float: left; margin: 5px 10px 5px 5px; border: none;}
.sbcuMessage {margin-top: 10px; color: #4e260d; font-weight: bold;}

.bulletinsHeader, .pricebooksHeader {padding:2px;margin-top:10px;background-color:#738958;color:#ffffff;font-weight:bold;}
.resourcesHeader {padding:2px;margin-top:10px;background-color:#c8b39e;color:#ffffff;font-weight:bold;}
.salestipsHeader, .graphicjobsHeader {padding:2px;margin-top:10px;background-color:#ab7e5f;color:#ffffff;font-weight:bold;}
.toolsHeader, .photoalbumsHeader {padding:2px;margin-top:10px;background-color:#4e260d;color:#ffffff;font-weight:bold;}

#divBulletins ul, #divPricebooks ul, #divResources ul, #divSalesTips ul, #divPhotoAlbums ul, #divGraphicJobs ul, #divTools ul{list-style-position: inside; margin: 0px; padding: 10px 25px 10px 25px;}

/* Photo Album page */
#divAlbum {margin:5px;}
#divAlbum table {width: 100%;}
.ThumbnailsTD {width: 100px; vertical-align: top;}
.Thumbnails {border:solid 1px black;}
.Thumbnails_Header {background-color: #4e260d; color: White;}
.Thumbnails_Item {height: 90px; vertical-align:middle; text-align: center;}
.Thumbnails_Footer {background-color: #4e260d; color: White;}
.Thumbnails_Footer td {padding: 5px;}
.Thumbnails_Pager {background-color: #4e260d; text-align: left; color: White;}
.Thumbnails_Pager a:link, .Thumbnails_Pager a:visited, .Thumbnails_Pager a:active {color: White;}
.Thumbnails_Pager a:hover {color: #ce1145;}
.Photo {vertical-align: middle; text-align: center;}
#divPhoto img {padding: 10px;}

/* SBCU page */
#divSbcuHeader {padding: 5px; border: solid 4px #4e260d; margin-top: 10px; background-color: #c8b39e}
.refreshMessage {padding:5px; text-align: center;}
.refreshMessage span {text-decoration: underline;}
.SbcuHeader_left {vertical-align: top;}
.SbcuHeader_right {padding-left: 10px; vertical-align:top;}
.SbcuCourse {width: 100%; border:solid 1px black;}
.SbcuCourse th, .SbcuCourse td {padding: 5px; border:solid 1px black;}
.SbcuCourse_Header {background-color:#c8b39e;}
.SbcuCourse_NameColumn {text-align:left;}
.SbcuCourse_CreditsColumn {width: 50px; text-align:center;}
.SbcuCourse_DateTime, .SbcuCourse_TakeQuiz, .SbcuCourse_CompletedColumn {width: 80px; text-align: center;}
.creditMessage {font-weight: bold;}

/* Login page */
.LoginImage {float: left; margin: 5px 10px 5px 5px; border: none;}
.LoginHeader {margin-top: 10px; color: #4e260d; font-weight: bold;}
.LoginTable {margin:0px; padding:0px; border-collapse:collapse; border-spacing:0px; width:100%;}
.LoginTableTd1 {width: 33%; padding-left: 10px; vertical-align: text-top; text-align: left;}
.LoginTableTd11 {vertical-align: text-top; text-align: left;}
.LoginTableTd2 {width: 33%; padding-left: 10px; padding-right: 10px; vertical-align: top;}
.LoginTableTd3 {width: 33%; padding-right: 10px; vertical-align: top;}
.LoginTableTd2Div {padding: 5px; border: solid 4px #4e260d; background-color: #c8b39e;}
.LoginInsideTable {padding: 5px; border: solid 4px #4e260d; background-color: #c8b39e}
.LoginTable a:link, .LoginTable a:visited, .LoginTable a:active {color: #ffffff;}
.LoginTable a:hover {color: #ce1145;}
.clsLinkButtons a {float: left; padding: 3px 5px 4px 5px; border: solid 1px #ffffff; margin: 0px 2px 0px 0px; color: #ffffff; text-decoration: none; white-space: nowrap;}
.clsLinkButtons a:hover {padding: 0px 5px 1px 5px; border-left: solid 1px #ce1145; border-right: solid 1px #ce1145; border-top: solid 4px #ce1145; border-bottom: solid 4px #ce1145; color: #ce1145;}
.clsLinkButtons td {margin: 0px; padding: 0px 5px 10px 0px;}

/* Graphics Request page */
.expandcollapse {font-size: 8pt; font-weight: bold; color: #000000; vertical-align: middle;}
.graphicrequestFields {width: 700px; padding: 5px 0px 5px 0px; background-color: #c8b39e; border: solid 1px black;}
.graphictypeHeader {width: 700px; text-align:center; background-color: #ab7e5f; border: solid 1px black;}
.graphictypeHeader table {width: 700px;}
.graphictypeHeader_left {text-align:left;}
.graphictypeHeader_right {text-align: right;}
.graphicrequestTD_left {width: 150px;}
.graphicrequestTD_right {width: 530px;}
.graphicFieldsBorder {padding: 5px 0px 5px 0px; border-left:solid 1px black; border-bottom:solid 1px black; border-right:solid 1px black;}
.graphicFields {width: 702px; overflow: hidden; background-color: #c8b39e; height: 0px;}
.rushjobwarning {width: 150px; border: solid 1px #000000;}

/* POS request and Add/Update Employee */
.formContainer {padding: 5px 0px 5px 0px; background-color: #c8b39e; border: solid 1px black;}
.formTD_left {width: 210px;}
.formTD_right {width: 535px;}


/* Share */
.warning {color: #FF0000; font-weight: bold;}
.textarea {height: 200px; width: 525px;}
.attachment {width: 400px;}
.dropdownlist {width: 100%;}
.padding5px {padding:5px;}
.diplaynone{display: none;}