/*

WARNING!!!!

This file contains stylesheet property values for the Astra WebClient.
Modify at your own risk.

*/

body                                                /* This applies to every page in the web client */
{
font-family:                        verdana, arial, tahoma;         /* Default verdana, arial, tahoma; */
font-size:                          .7em;                           /* Default .7em (It is not a good idea to use pixels or pts here) */
}

.leftframe,                                         /* Left frame/window background color */
#selectviewtable,                                   /* Data Grid view selection area */
.classpopup,                                        /* Class Details background color */
.calendarbody,                                      /* Calendar tool background color */
#monthnamesel,                                      /* Calendar tool background color */
.changedate,                                        /* Calendar tool background color */
.timeselect                                         /* Calendar tool background color */
{
background-color:                   #E4E4E4;                      /* Default #003399 */
}

.topbody                                            /* Top Area Background color*/
{
background-color:                   #104A84;   		/* Default #003399 */
background-image: url(images/topslice.gif")                   
}
#infotable                                          /* Info Strip at bottom of header */
{
background-color:                   #104A84;                      /*Default #666699 */
}

#infologin,                                         /* Login welcome Text color */
#infosearch,                                        /* "Search" and "in" text Text color */

{
color:                              #ffffff;                      /* Default #FFFFFF; */
}

.leftframe,                                         /* Left frame/window Text color */
.leftnavtext,                                       /* Left frame text color */
.selectviewtabletext                                /* Text in the view options menu for schedules */
{
color:                              #104A84;                      /* Default #FFFFFF; */
}

.filterHeading                             /* heading at top of filter section in schedule pages */
{
color:                              #000000;                      /* Default #000000; */
}

#tickertextatag:link,                               /* Event Ticker style*/
#tickertextatag:link:active,
#tickertextatag:visited,
#tickertextatag:visited:active
{
color:                              #FFFFFF;                      /* Default #FFFFFF*/
font-weight:                        normal;                       /* Default normal*/
text-decoration:                    none;                         /* Default none */
background-color:                   inherit;                      /* Default inherit */
}

#tickertextatag:link:hover,                         /* Event Ticker style onmouseover */
#tickertextatag:visited:hover
{
color:                              black;                      /* Default #4545BE */
background-color:                   #none;                      /* Default #FFFFFF */
}

a.leftnavtextlink:link,                              /* links on left navigation menu */
a.leftnavtextlink:link:active,
a.leftnavtextlink:visited,
a.leftnavtextlink:visited:active
{
background-color:			    	inherit;                        /* Default inherit */
color:                              #104A84;                        /* Default #FFFFFF */
text-decoration:			    	none;                           /* Default none */
}

a.leftnavtextlink:link:hover,                       /* Links on left navigation menu */
a.leftnavtextlink:visited:hover
{
background-color:                   none;                      /* Default #FFFFFF */
color:                              black                     /* Default #003399 */
}

.leftnavqlinks                                      /* Scroll bar on left navigation menu */
{
height:                             400px;                      /* Default 400px */
scrollbar-3dlight-color:            #000000;                    /* Default #000000 */
scrollbar-arrow-color:              #ffffff;                    /* Default #FFFFFF */
scrollbar-base-color:               #003399;                    /* Default #003399 */
scrollbar-darkshadow-color:         #003399;                    /* Default #003399 */
scrollbar-face-color:               #003399;                    /* Default #003399 */
scrollbar-highlight-color:          #003399;                    /* Default #003399 */
scrollbar-shadow-color:             #003399;                    /* Default #003399 */
}





/* Misc Style Declarations */

a.meetingpatternlink:link,                           /* Linked text for selecting a meeting pattern */
a.meetingpatternlink:link:active,
a.meetingpatternlink:visited,
a.meetingpatternlink:visited:active,
a.meetingpatternlink:link:hover,
a.meetingpatternlink:visited:hover
{
color:                              #0033AA;                    /* Default #0033AA; */
}

.pagetitle
{
font-size:                      250%;
font-weight:                    bold;
}


.resourcetitleimg
{

}




/* Style for the Pop-up Calendar and Pop-up Time Picker */


a.calendarday:link,                                 /* Text of calendar days */
a.calendarday:link:active,
a.calendarday:visited,
a.calendarday:visited:active
{
color:                            	#104A84;                     /* Default #FFFFFF */
text-decoration: 			     	none;                        /* Default none */
}

a.calendarday:hover,                                /* Text of calendar days onmouseover */
a.calendarday:hover:active
{
color:              		    	black;                    /* Default #003399 */
background-color:   		    	#none;                    /* Default #FFFFFF */
}



a.calendarToday:link,                                 /* Text of calendar days */
a.calendarToday:link:active,
a.calendarToday:visited,
a.calendarToday:visited:active
{
color:                            	#FFFFFF;                     /* Default #FFFFFF */
text-decoration: 			     	none;                        /* Default none */
background-color:   		    	#104A84;                    /* Default #FF0000 */
}

a.calendarToday:hover,                                /* Text of calendar days onmouseover */
a.calendarToday:hover:active
{
color:              		    	#003399;                    /* Default #003399 */
background-color:   		    	#FFFFFF;                    /* Default #FFFFFF */
}







#calmonthname,                                      /* Calendar Select options area */
#monthnamesel,                                      /* Name of Month Select Box */
.clocktext,
.timeselect
{
color:				      #346798;                    /* Default #FFFFFF */
text-align:			            center;                     /* Default center */
font-weight:		            bold;                       /* Default bold */
}

.weekday                                            /* Day of Week Text */
{
color:                              #346798;                    /* Default #E2B539 */
}

.changedate                                         /* Arrow Boxes to change month and year viewing options */
{
color:                              #346798;                    /* Default #FFFFFF */
border:                             solid 1px #346798;          /* Datault solid 1px #FFFFFF */
}











/*  Class Popup, Event Popup, Room Detail popup */

.classpopup                                         /* Overall style of details popup windows */
{

}

.course,                                            /* Table used to display details info collect user data */
.collectdata
{
border:1px inset                    #0000FF;                    /* Default #0000FF; */
background-color:                   #FFFFFF;                    /* Default #FFFFCC */
}

.coursetitle                                        /* Title Text of Detail popup windows */
{
font-size:                          130%;                       /* Default 130% */
font-weight:                        bold;
border-bottom:                      5px solid #2A49A6;          /* Default 5px solid #2A49A6; */
}


.tableitemtitle                                     /* Text of table and form elements */
{
font-size:                          95%;                        /* Default 95% */
text-decoration:                    underline;                  /* Default underline */
color:                              #9999FF;                    /* Default #9999FF; */
}

.coursetitle,                                       /* Background color of table title text */
.classcolhdr,                                       /* Background for Class details column header */
.datetime                                           /* Background color for date & time columns in class details */
{
background-color:		            transparent;               /* Default Transparent */
}

.coursetitle,
.instrname,
.classcolhdr,
.datetime,
.courseinfo
{
font-weight:                        bold;                       /* Default Bold */
}

.classinforowhilite,                                /* Hilite color for row grids in class details */
.datagridrowHiLite,                                 /* Hilite color for data grid rows */
.formelement                                        /* Hilite color for all form elements */
{
background-color:                   #FFFFFF;                    /* Default #FFFFDD */
}






/* Form Input Style Declarations*/

.formlabeltext,                                     /* Text label for input form elements */
.formtitle
{
font-family:                        Verdana, Geneva, Arial, Helvetica, sans-serif; /* Default Verdana, Geneva, Arial, Helvetica, sans-serif; */
font-weight:                        bold;                       /* Default bold */
font-size:                          90%;                        /* font-size */
}

.formtitle                                          /* Title of forms */
{
font-size:                          200%;                       /* Default 100% */
line-height:                        130%;                       /* Default 130% */
}

.formelement                                        /* Style for all form elements */
{
border-style:                       inset;                      /* Default inset */
border-width:                       1px;                        /* Default 1px */
border-color:                       #4545BE;                    /* Default #4545BE */
}

.infoformelement          	                              /* Style for all form elements */
{
border-style:                       inset;                      /* Default inset */
border-width:                       1px;                        /* Default 1px */
border-color:                       #4545BE;                    /* Default #4545BE */
}

.infoformelement                                        /* Hilite color for all form elements */
{
background-color:                   #FFFFFF;                    /* Default #FFFFDD */
}

.collectdata                                        /* Background color of ALL forms */
{
background-color:                   #FFFFFF;                    /* Default #FFFFCC */
}

.requiredstar                                       /* Required Field Star */
{
color:                              #FF0000;                    /* Default #FF0000; */
}







/* Pick Rooms / Select Rooms Grid */

.AvailableCell
{
background-color:                   #FFFFBB;                   /* Default #FFFFBB */
}
.ConflictCell
{
background-color:                   #FF0000;                   /* Default #FF0000 */
}
.ControlledCell
{
background-color:                   #FFBFFF;                   /* Default #FFBFFF */
}
.RequestCell
{
background-color:                   #75BAFF;                   /* Default #75BAFF */
}
.BlockedCell
{
background-color:                   #00FFFF;                   /* Default #00FFFF */
}






/* Slide Show Style */

#slideshow                                          /* Slide Show style controls */
{
font-size:                          200%;                                       /* Default 200% */
font-family:                        Verdana, Geneva, Arial, Helvetica, sans-serif; /* Default Verdana, Geneva, Arial, Helvetica, sans-serif; */
}

#slideshowbgimg                                     /* Image for slide show (optional)*/
{
position:                           relative;                   /* Default relative */
vertical-align:                     top;                        /* Default top */
width:                              100%;                       /* Default 100% */
height:                             100%;                       /* Default 100% */
background-image:                   url(images/slideshowimage.png); /* Default url(images/slideshowimage.png) */
background-repeat:                  no-repeat;                  /* Default no-repeat */
background-position:                center;                     /* Default center */
}


#eventTitleSS                                       /* Slide show title */
{
font-weight:                        bold;                       /* Default */
font-size:                          125%;                       /* Default */
text-decoration:                    underline;                  /* Default */
}

#eventdatetimeSS                    	                /* Slide show date & time */
{
font-size:                          100%;                       /* Default */
}

#eventlocationSS                                    /* Slide show location */
{
font-weight:                        bold;                       /* Default */
font-size:                          100%;                       /* Default */
}

#eventCustomerSS                                    /* Slide show customer */
{
font-size:                          100%;                       /* Default */
}

#eventContactSS                                     /* Slide show contact */
{
font-size:                          50%;                        /* Default */
}







/* Grid Views */

.gridcolsortlink,                                   /* Data Grid Column Header that can be sorted. */
a.gridcolsortlink,
a.gridcolsortlink:link,
a.gridcolsortlink:link:active,
a.gridcolsortlink:visited,
a.gridcolsortlink:visited:active
{
color:                              #333366;                    /* Default #333366; */
font-weight:                        normal;                     /* Default normal */
}

.detailslink,                                       /* Linked text for details */
a.detailslink,
a.detailslink:link,
a.detailslink:link:active,
a.detailslink:visited,
a.detailslink:visited:active,
.dateInMonth,
a.dateInMonth:link,
a.dateInMonth:link:active,
a.dateInMonth:visited,
a.dateInMonth:visited:active
{
color:                              #333366;                    /* Default #333366; */
}

.helplink,
#dailyroomgrid a.detailslink,                       /* Linked text for details on daily room grid */
#dailyroomgrid a.detailslink:link,
#dailyroomgrid a.detailslink:link:active,
#dailyroomgrid a.detailslink:visited,
#dailyroomgrid a.detailslink:visited:active,
#dailyroomgrid a.detailslink:link:hover,
#dailyroomgrid a.detailslink:visited:hover,
#weeklygrid a.detailslink,
#weeklygrid a.detailslink:link,
#weeklygrid a.detailslink:link:active,
#weeklygrid a.detailslink:visited,
#weeklygrid a.detailslink:visited:active,
#weeklygrid a.detailslink:link:hover,
#weeklygrid a.detailslink:visited:hover
{
color:                              white;                    /* Default #FFFFFF; */
}

#dailyresourcegrid a.detailslink,                       /* Linked text for details on daily room grid */
#dailyresourcegrid a.detailslink:link,
#dailyresourcegrid a.detailslink:link:active,
#dailyresourcegrid a.detailslink:visited,
#dailyresourcegrid a.detailslink:visited:active,
#dailyresourcegrid a.detailslink:link:hover,
#dailyresourcegrid a.detailslink:visited:hover
{
color : #FFFFFF;                /* Default #FFFFFF; */
}


#dailyresourcegrid a.detailslinklight,                       /* Linked text for details on daily room grid */
#dailyresourcegrid a.detailslinklight:link,
#dailyresourcegrid a.detailslinklight:link:active,
#dailyresourcegrid a.detailslinklight:visited,
#dailyresourcegrid a.detailslinklight:visited:active,
#dailyresourcegrid a.detailslinklight:link:hover,
#dailyresourcegrid a.detailslinklight:visited:hover
{
color : #000000;                 /* Default #000000; */
}










.datagridcell                                       /* text in data grids */
{
										    /* Default (blank) */
}

#weeklygrid                                         /* Text of weekly Room Grid */
{
										    /* Default (blank) */
}

.datagridtoparea                                    /* Top area of data grid displays */
{
background-color:                   transparent;                /* Default transparent */
}







/* Grid controls    */

.dailygridTopTimeHdr,                               /* Time text at the top of the Daily room Grid */
.weeklygridTopDayHdr,                               /* Time text at the top of the Weekly room Grid */
.gridRowHdr                                         /* Time text at the left of the Daily and Weekly room Grid */
{
background-color:                   #3E508E;                    /* Default #3E508E */
color:                              #FFFFFF;                    /* Default #FFFFFF */
}

.gridRowHdr,
.gridBottomLeft,
.gridBottomLine,
.gridRightLine,
.gridTopRight
{
border-color:                       #CCCCCC;                    /* Default #CCCCCC */
}


.gridLink
{

}

.gridEvent,                                         /* Grid time block background colors */
.gridExam,
.gridTentativeEvent,
.gridRequestedEvent,
.gridCourse,
.gridCrossListed,
.gridMultiBook,
.gridSetUp,
.gridTearDown,
.gridResourceConfirmed,
.gridResourceRequested,
.gridResourceNotCheckedOut,
.gridResourceCheckedOut,
.gridResourceCheckInNotRequired,
.gridResourceMulti
{
border:                             1px solid #000000;          /* Default 1px solid #000000; */
color:                              #FFFFFF;                    /* Default #FFFFFF */
}

.gridResourcePastDueCheckOut,
.gridResourcePastDueCheckIn,
.gridResourceReturned,
.gridResourceNotCheckedOut
{
    border:                             1px solid #000000;          /* Default 1px solid #000000; */
    color:                              #000000;                    /* Default #FFFFFF */
}






.gridEvent
{
    background-color: #99FF00;                               /* Default #008000 */
}
.gridExam
{
    background-color: #000066;                               /* Default #871F78 */
}

.gridTentativeEvent
{
    background-color: #3399CC;                               /* Default #00BFFF */
}
.gridRequestedEvent
{
    background-color: #FFD700;                               /* Default #FFD700 */
}
.gridCourse
{
    background-color: #000066;                               /* Default #0033CC */
}
.gridCrossListed
{
    background-color: #FF6633;                               /* Default #FFA500 */
}
.gridControl
{
    background-color: #FFCCFF;                               /* Default #808080 */
}
.gridGroupControl
{
    background-color: #FFCCFF;                               /* Default #8B4513 */
}
.gridBlock
{
    background-color: #3399CC;                               /* Default #000000 */
}
.gridHoliday
{
    background-color: #339999;                               /* Default #00FF00 */
}
.gridNoRequest
{
    background-color: #99FF00;                               /* Default #FF0000 */
}

.gridMultiBook
{
    background-color: #D2B48C;                               /* Default #CC00FF */
}

.gridSetUp
{
    background-color: #87CEEB;                               /* Default #*/
}

.gridTearDown
{
    background-color: #CC00FF;                               /* Default #*/
}


.gridResourceConfirmed
{
    background-color: #00FF00;                               /* Default #*/
}

.gridResourceRequested
{
    background-color: #FFFF00;                               /* Default #*/
}

.gridResourceNotCheckedOut
{
    background-color: #FFFFBF;                               /* Default #*/
}

.gridResourceCheckedOut
{
    background-color: #3399FF;                               /* Default #*/
}

.gridResourcePastDueCheckOut
{
    background-color: #CC99FF;                               /* Default #*/
}

.gridResourcePastDueCheckIn
{
    background-color: #FFCCCC;                               /* Default #*/
}

.gridResourceReturned
{
    background-color: #CCFFCC;                               /* Default #*/
}

.gridResourceCheckInNotRequired
{
    background-color: #CC00CC;                               /* Default #*/
}
.gridResourceMulti
{
    background-color: #006666;                               /* Default #*/
}

.outlineborder
{
	border-bottom: 1px solid blue;
	border-left: 1px solid blue;
	border-right: 1px solid blue;
	border-top: 1px solid blue;

}