div { font: 12px Trebuchet MS, Arial, sans-serif; margin-left: 4px; margin-right: 4px; color: black; }

#banner { width:700px; height:50px; background:url(../images/banner.gif); margin:0 auto; }

/* Contenedor General con fondo para login.  */
#content_gral { width:700px; height:350px; margin:0 auto; margin-top:50pX; background:url(../images/login_fondo.png) no-repeat top left; }

/* Contenedor General para nombre y usuario.  */
#content { width:400px; height:auto; background:none; position:relative; top:120px; left:160px }

/* Fondo para login. */
.pagebackground { background: #1C609C; }

/* Fondo para ABOUT. */
.pagebackground_about { background: #ffffff; }

/* CSS type selector: TD.formControls  */
TD.formControls_login { padding-right: 0px; padding-left: 3px; padding-bottom: 3px; padding-top: 3px; text-align: center; }


.printpagebackground {background: #ffffff; }
@media print {.pagebackground {background: white}}
.center_row {vertical-align:middle; text-align:center}
.pagebody {background:none; }
.pageabout {background: #fff; }
.pageborder {background: none }
.pageborder2 {background: none }
.pageborder3 {background: none }
.bannerbackground {background: none }

.toolbar {background: #cc0000; }
.toolbarover {background: white }
.gutter {background: #F0F0F0; }
.dialogbackground {background: white}
.map {font-size: 12px; background: #F0F3FA; }
.mapsearchbox, .mapsearchbox a {font-size: 11px; margin-left: 0px; margin-right: 0px}
.currentitem {background: #CCDDFF; }
.pagetitle {font-size: 18px; font-weight: bold; margin-right: 0px}
.pagesubtitle {font-size: 11px; color: black }
.columnheading {background: #C0D0F0; font-size: 11px; margin-top: 2px}
.itemboxbackground {background: #F0F0F0; }
@media print {.itemboxbackground {background: #FCFCFC; }}
@media screen{.itemboxbackground {background: #F0F0F0; background-image: url("itembox.gif")}}
.itemboxborder {background: #7A96CC; }
.itemboxhilite {background: #CCDDFF; }
.itemboxshadow {background: #CCCCCC; }
.main {margin-left: 12px; margin-right: 12px}
.section {font-weight: bold; color: #202080; }
.smallprint {font-size: 11px; color: gray; text-align: center}
.contextmenu {background: #0a7bd2; border: 1px solid black; cursor: default; visibility: hidden /*background: #A8C0F0;*/}
.contextmenuitem {background: #fff; font: 11px "Trebuchet MS"; width:130px}
.im_contextmenuitem {background: #A8C0F0; font: 11px "Trebuchet MS"; width:160px}
.l2memberbuttonbackground {background: #D6DFF0; }
.buttonborder {background: gray}
.buttoncolor {background: #E0E0E0; }
.buttonbackground {background: #C0D0F0; background-image: url("buttonbackground.jpg")}
.contextmenu A { display: block; }

.buttonover {background: #DEE9FF; cursor: pointer; cursor: pointer}
.buttontext {font-size: 11px; margin: 0; text-align: center }
.buttonbar {background: #E5EFFF; }
.buttonbarbackground {background: #C0D0F0; background-image: url("buttonbarbackground.jpg")}
.thinbuttonbar {background: #C0D0F0; background-image: url("thinbar.jpg"); cursor: pointer}
.thinbuttonbarover {background: #DEE9FF; }
.disabled, .disabled div {color: #a0a0a0; cursor: default}

.eRoomname, .eRoomname a {font-weight: bold; color: #000066; }
.settingssection {font-weight: bold; color: black}

.unread, .unread .user {color: red}
.error {color: red}
.comment {font-style:italic}

.help { color: #cc0000; }
.helpheader {background: #E0E0E0; }
.helpheadertext {color: black}

a {text-decoration: none; color: black}
a.droptarget {text-decoration: none; color: teal}
a.reverselink {text-decoration: none; color: white}
a:hover {color: #3333CC; }
.user a {color: blue; text-decoration: underline}
.help a {color: blue; text-decoration: underline}

.intercombody {margin: 0px; background: #F0F0F0; color: black}
.intercomcomment {margin: 0px; background: #F0F0F0; color: black}

.calendarheadingcolor {background: #7A96CC; }
.calendarmajorheading {font-size: 18px; font-weight: bold; margin: 0; text-align: center; color: white}
.calendarminorheading {font-size: 11px; margin: 0; text-align: center; color: white}
.calendardatecell {background: white}
.calendardateheading {background: #E0E0E0; }
.calendardatenumber {color: black}
.calendarotherdatecell {background: #F0F0F0; }
.calendarotherdateheading {background: #CECECE; }
.calendarotherdatenumber {color: white}

.dbstyle0table {background: white; border: 1px solid gray}
.dbstyle0bodycell {background: #E0E0E0; }
.dbstyle0edgecell {background: #7A96CC; }
.dbstyle0bodytext {color: black}
.dbstyle0edgetext, .dbstyle0edgecell a, .dbstyle0thinbar a {color: white}
.dbstyle0edgecell a:hover {color: navy}
.dbstyle0thinbar {background: #7A96CC; background-image: url("dbstyle0thinbar.jpg")}

.dbstyle1table {background: gray}
.dbstyle1bodycell {background: #F0F0F0; }
.dbstyle1edgecell {background: #DEE9FF; }
.dbstyle1bodytext {color: black}
.dbstyle1edgetext, .dbstyle1edgecell a, .dbstyle1thinbar a {color: black}
.dbstyle1edgecell a:hover {color: 666699; }
.dbstyle1thinbar {background: #C0D0F0; background-image: url("dbstyle1thinbar.jpg")}

.dbstyle2table {background: white; border: 1px solid gray}
.dbstyle2bodycell {background: #D8D8D8; }
.dbstyle2edgecell {background: #777777; }
.dbstyle2bodytext {color: black}
.dbstyle2edgetext, .dbstyle2edgecell a, .dbstyle2thinbar a {color: white}
.dbstyle2edgecell a:hover {color: #CCCCCC; }
.dbstyle2thinbar {background: #777777; background-image: url("dbstyle2thinbar.jpg")}

.dbstyle3table {background: gray}
.dbstyle3bodycell {background: white}
.dbstyle3edgecell {background: #D8D8D8; }
.dbstyle3bodytext {color: black}
.dbstyle3edgetext, .dbstyle3edgecell a, .dbstyle3thinbar a {color: black}
.dbstyle3edgecell a:hover {color: #999999; }
.dbstyle3thinbar {background: #D8D8D8; background-image: url("dbstyle3thinbar.jpg")}

.projecttable {background: white}
.projectganttsummary {background: #99CCCC; }
.projectomittedtask {background: #F0F0F0; }

.myeroomsheader0 {background: #E0E0E0; }
.myeroomstext0 {color: black}
.myeroomsheader1 {background: #CCDDFF; }
.myeroomstext1 {color: black}
.myeroomsheader2 {background: orange}
.myeroomstext2 {color: white}
.myeroomsheader3 {background: teal}
.myeroomstext3 {color: white}
.myeroomsdivision {background: #7A96CC; }
.myeroomsdivisiontext, .myeroomsdivisiontext a {color: white}
.myeroomsdivisiontext a:hover {color: #000066; }

.usageReportSummary1 {background: #FFFFDD; }
.usageReportSummary2 {background: #FFFFBB; }
.usageReportGroup1 {background: #C8D0FF; }
.usageReportGroup2 {background: #A8B0E8; }
.usageReportObjectA1 {background: #E5EFFF; }
.usageReportObjectA2 {background: #D8E1F0; }
.usageReportObjectB1 {background: #F8F8F8; }
.usageReportObjectB2 {background: #E8E8E8; }

div b {font-weight: bold}
.user {margin: 0px}
.noindent {margin: 0px}
.itemname {margin-left: 0px; margin-top: 3px; line-height: 14px; margin-bottom: 1px}
.largeitemicon {margin-left: 0px; text-align: center}
.largeitemname {line-height: 14px; margin-bottom: 4px; text-align: center}
.iconoverlay { position: relative;  top: 3px; right: 3px; margin-left: -7px; }
.dialogbuttons {margin: 2px; }
.pollindent1 {margin-left: 16px; }
.pollindent2 {margin-left: 32px; }

.memberTable { color: black; background-color: #F0F0F0; border-color: white; border-collapse: collapse; font: 12px Trebuchet MS, Arial, sans-serif; }
.memberTable TD { border-color: white; white-space: nowrap; }
.memberTable TH { border-color: white; white-space: nowrap;	padding-left: 4px; padding-right: 4px; padding-top: 2px; font-weight: normal; }
.memberTable A { color: black; text-decoration: none; }
.memberTable IMG { border: none; }
.memberTableBorder { border: solid 1px gray; margin-left: 0; margin-right: 0; }
.memberTableHeader { background: #C0D0F0; font-size: 11px; text-align: left; }
.memberrow {}
.memberrow TD { padding-left: 4px; padding-right: 4px; }
.MyeRoomsTab { float:left; width:100%; margin-top:5px; }
.MyeRoomsTab ul	{ margin:0; padding:0px; list-style:none; }
.MyeRoomsTab li	{ float:left; background: url("TabActive_RtEdge.gif") right bottom no-repeat; margin:0;	padding-left:10px; padding-right:10px;
	width: 106px; border-left: 1px solid #62A477; }
.MyeRoomsTab a	{ display:block; color: #457955; float:left; width:80px; }
.MyeRoomsTab #notCurrent { background: url("Tab_NotActiveRtEdge.gif") #FFFFFF right bottom no-repeat; z-index:0; border-left: 1px solid #C3E5CD; }
.MyeRoomsBorder	{ background: #FFFDF8;  border:1px solid #62A477; padding:3px; clear:left; }
.PrintInstructionsList	{ margin-left:0px; margin-top:10px; padding:0px; list-style-position:inside; }

.dashboardStyle0Table { background:white; border:2px solid #F8C65B; padding:2px; }
.dashboardStyle0Header { background: #F6B62E; background-image: url("dashboardheader.jpg"); }
.dashboardStyle0Header a {color: black; }
.dashboardStyle0Header :hover {color: #FDF7DE; }

.dashboardStyle0Bodycell { background:#F5EDCC; color:Black; }	
.dashboardStyle0thinbar  { background: #F6B62E;  background-image: url("dashboardthinbar.jpg") }
.dashboardStyle0thinbarOver { background: #F5EDCC; }
.dashboardStyle0thinbarOver :hover { color: Gray; }
.dashboardStyle0CalendarBodyCell { border-top:1px solid #FBD584; }
.dashboardStyle0CalendarDayHeader { background:#FAE4B4; }


/* CSS type selector: MouseOut
The mouseout style for each row in the DataGrid.
*/
.MouseOut { background-color: #ffffff; cursor:default; }


/* CSS type selector: MouseOver
The mouseover style for each row in the DataGrid.
*/
.MouseOver { cursor:pointer; }