﻿@import url(./Framework/reset.css);
@import url(./Framework/moduleContainer.css);
/*
*************************
	 - PAGE LAUOUT
*************************
*/
.globalTop { height: 61px; background-color: #FFFFFF; font-size: 10px; }
.globalTop a { color: #000000; }

.topMenu td { border-bottom: solid 1px #767676; }

.infoBar { padding-right: 10px; height: 27px; background: url( '/app_themes/Version1/images/framework/subbg.png' ) repeat-x; }
.infoBar tr td { text-align: right; }


.infoBar a { color: #000000; text-decoration: none; }
.infoBar a:link { color: #000000; text-decoration: none; }
.infoBar a:hover { color: #000000; font-weight: normal; text-decoration: underline; }

.TelerikModalOverlay { background-color: #000000 !important; opacity: 0.7 !important; }

/*.rwBodyLeft, .rwTopLeft, .rwTopRight, .rwFooterLeft, .rwFooterRight, .rwBodyRight { width: 4px !important; }
.rwTopLeft, .rwTopRight, .rwTitlebar, .rwFooterLeft, .rwFooterRight, .rwFooterCenter { height: 5px !important; }*/

div.system-page-container { margin-bottom: 20px; }

.rwTopResize, .rwTitlebar, .rwCorner, .rwFooterCenter, .rwBodyRight, .rwBodyLeft { background-image: none !important; background-color: white !important; }
.rwWindowContent { border: 1px solid #74b2e4 !important; }
.RadWindow { background-color: white !important; padding: 2px 1px 1px 1px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important; }
.RadWindow .rwCorner { width: 1px !important; }
.RadWindow em { padding-top: 4px !important; font-weight: normal !important; }
.rwBodyLeft, .rwBodyRight { width: 2px !important; }
.rwFooterLeft, .rwFooterRight, .rwFooterCenter { height: 1px !important; }
.rwTopResize { display: none !important; }
.rw-title-wrapper
{
		/*background-color: #eee;*/
		background-image: url(/App_Themes/Version1/Images/FrameWork/ModuleBg.png);
		background-repeat: repeat-x;
		height: 24px;
		border-left: 1px solid #a0c6e4;
		border-top: 1px solid #a0c6e4;
		border-right: 1px solid #a0c6e4;
		padding-left: 5px;
		
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-radius-topleft: 4px;
		-webkit-border-radius-topright: 4px;
		border-radius-topleft: 4px;
		border-radius-topright: 4px;
		
}
.RadWindow .rwTitlebarControls { height: auto !important; }
.rwTitlebarControls td { background-color: transparent; }
.rwTitlebarControls .rwControlButtons { margin-right: -4px !important; margin-top: 1px !important; }
.rwLoading { background-image: url(/App_Themes/Version1/Images/Loader/48x48.gif) !important; }

div.kmbo-modal-overlay { position: absolute; left: 0px; top: 0px; z-index: 3002; background-color: black; filter: alpha(opacity=50); opacity: 0.5; }

.reTool .InsertEmoticon
{
    background-image: url(/App_Themes/Version1/Images/Icons/Emoticon.png);
    background-position: center center;
}

.reTool .InsertImage
{
    background-image: url(/App_Themes/Version1/Images/Icons/ImageManager.png);
    background-position: center center;
}

.reTool_text span.ImageProperties
{
    background-image: url(/App_Themes/Version1/Images/Icons/Properties.png) !important;
    background-position: center center;
}

div.emoticon-list
{
}

div.emoticon-list div.inner
{
}

div.emoticon-list img
{
		padding: 6px;
		border: 1px solid transparent;
		cursor: pointer;
}

div.emoticon-list img:hover
{
		background-color: #eee;
		border-color: #aaa;
}

.divMain { padding-bottom: 25px; padding-left: 10px; padding-right: 10px; padding-top: 10px; }

.contentMain { min-width: 400px; }

table th.time { width: 3em; }
table.name { width: 20em; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }
/* for IE/Mac */

.clearfix { /* for IE */ zoom: 1; /* triggers hasLayout */ display: block; /* resets display for IE/Win */ }

/*
*************************
	 - PRELOADING BUTTON IMAGES
*************************
*/
#preloadedImages { width: 0px; height: 0px; display: inline; background-image: url(/App_Themes/Version1/Images/buttons/full.png); background-image: url(); }

/*
*************************
	 - MISC STYLES
*************************
*/

span.checkbox-label input
{
		margin-top: -4px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 5px;
}

.Dropshadow { box-shadow: 5px 5px 15px black; -webkit-box-shadow: 5px 5px 15px black; -moz-box-shadow: 5px 5px 15px black; }

.rounded-box
{
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

.nestedViewWrap { padding: 5px 10px 10px 10px; border: solid 1px lightgrey; }
legend { padding-left: 5px; padding-right: 5px; border: solid 1px #a7bac5; }
fieldset { padding: 3px 5px 5px 5px; border: solid 1px #a7bac5; }
label { cursor: pointer; }
label.disabled { cursor: default; color: #aaa; }
img.Co3Gallery { cursor: pointer; }
.deletebutton-inactive { opacity: 0.2; }
th.center, td.center { text-align: center; }
th.rgHeader.center { text-align: center !important; }

#progressIndicator { height: 200px; width: 300px; position: absolute; top: 30%; left: 50%; border: 1px solid gray; z-index: 10002; background: white; }
/* margin: -100px 0 0 -150px;*/
#progressIndicator h1 { margin-top: 25px; font-weight: bold; }
#progressIndicator img { margin-top: 25px; }

.accessDenied h1 { margin-bottom: 1.5ex; padding-left: 22px; background: url(/App_Themes/Version1/Images/Icons/sign_warning.png) no-repeat left 2px; }

.hide { display: none; }

.tabContentContainer { border: 1px solid #898C95; margin-top: -2px; padding: 10px 10px 10px 10px; }

.tabContentContainer h3 { margin-bottom: 10px; } 
.tabContentContainer div.section { margin-top: 20px; }
.tabContentContainer div.section.first { margin-top: 0px; }

.tab-toolbar { margin-bottom: 10px; }

.editTable { width: 100%; }
.editTable tr { vertical-align: top; }
.editTable tr.spacer td { padding-top: 15px; }
.editTable tr.spacer table.rgMasterTable tr td { padding-top: 4px; }
.editTable td { padding: 5px 15px 0 0; }
.editTable table.rlbButtonAreaRight td { padding: 0px 0px 0px 0px; }
.editTable .noPadding td { padding: 0; }
.editTable td.small { padding: 2px 5px 0 0; font-size: 9px; }
.editTable td.small span { font-size: 9px; }
.editTable th.small { font-weight: bold; font-size: 9px; padding: 2px 5px 0 0; }
.editTable table.checkBoxList td { padding: 0; }
.editTable td.richTextEditor td { padding: 0; }
.editTable textarea.normal { width: 100%; height: 100px; overflow-x: auto; overflow-y: auto; }

.editEmployee { width: 710px; }
.editEmployee .cell { float: left; width: 355px; }
.editEmployee .cell label { display: inline-block; width: 120px; margin-top: 10px; }
.editEmployee h4, .editTable h4 { border-bottom: 1px solid #8f8f8f; margin-bottom: 5px; margin-top: 5px; padding-bottom: 5px; }
.editEmployee h4, .editTable h4 img { padding-right: 4px; }
.editTable tr.first-header td { padding-top: 0px; }
.editTable tr.first-header td h4 { margin-top: 0px; }
.editEmployee .employeePicture { height: 150px; width: 150px; overflow: hidden; margin-left: 125px; }
.editEmployee .employeePicture img { cursor: pointer; border: solid 1px #6788be; }
.editEmployee .employeePicture img:hover { border: solid 1px #3f5f94; }

.editEmployee input[type=text], input[type=password], textarea { width: 160px; }
.editEmployee .small { width: 60px !important; }
.editEmployee .medium { width: 110px !important; }
.editEmployee .normal { width: 160px !important; }
.editEmployee .large { width: 250px !important; }

td.imageColumn { width: 20px; text-align: center; }
td.imageColumn.link img { cursor: pointer; }

.floatLeft { float: left; }
.clearLeft { clear: both; }
.required { font-weight: bold; }
.max-reached, .warning { color: #FF0000; }
.spacingBottom { display: block; padding-bottom: 10px; }

input[type="text"].excelTextBox, input.excelTextBox { border: 1px solid transparent; }
input[type="text"].excelTextBox:focus, input.excelTextBox:focus { border: 1px solid transparent; }

/*
*************************
	 - BOOKING
*************************
*/

.timeCell { font-size: 10px; text-align: left; position: relative; padding-top: 3px; overflow: hidden; height: 20px; }
.timeCell span { font-size: 8px; padding: 0 10px 0 3px; }
.timeCell img { position: absolute; right: 3px; top: 3px; height: 16px; width: 16px; }
.lightBlueGradient { background: url(/App_Themes/Version1/Images/Backgrounds/Gradients/lightblue.png) repeat-x; }
.lightGreenGradient { background: url(/App_Themes/Version1/Images/Backgrounds/Gradients/lightgreen.png) repeat-x; }
.lightOrangeGradient { background: url(/App_Themes/Version1/Images/Backgrounds/Gradients/lightorange.png) repeat-x; }
.lightRedGradient { background: url(/App_Themes/Version1/Images/Backgrounds/Gradients/lightred.png) repeat-x; }
.lightYellowGradient { background: url(/App_Themes/Version1/Images/Backgrounds/Gradients/lightyellow.png) repeat-x; }
.lightCyanGradient { background: url(/App_Themes/Version1/Images/Backgrounds/Gradients/lightcyan.png) repeat-x; }
.blueGradient { background: url(/App_Themes/Version1/Images/Backgrounds/Gradients/blue.png) repeat-x; }
.purpleGradient { background: url(/App_Themes/Version1/Images/Backgrounds/Gradients/purple.png) repeat-x; }
.grayGradient { background: url(/App_Themes/Version1/Images/Backgrounds/Gradients/gray.png) repeat-x; }
.cyanGradient { background: url(/App_Themes/Version1/Images/Backgrounds/Gradients/cyan.png) repeat-x; }


.lightBlueLargeGradient { background: url(/App_Themes/Version1/Images/Backgrounds/Gradients/lightblue_large.png) repeat-x; }
.lightGreenLargeGradient { background: url(/App_Themes/Version1/Images/Backgrounds/Gradients/lightgreen_large.png) repeat-x; }
.lightRedLargeGradient { background: url(/App_Themes/Version1/Images/Backgrounds/Gradients/lightred_large.png) repeat-x; }

/*
*************************
	 - COLORS
*************************
*/

.redText { color: #FF0000; }
.greenText { color: #008000; }

/*
*************************
	 - DAYCALENDAR
*************************
*/

.dayCalendarDepartmentHeader { font-weight: bold; padding: 7px 0 0 4px; }

/*
*************************
	 - NEWS/EVENT
*************************
*/

.events .eventItem { padding-bottom: 10px; overflow: hidden; }
.events .eventItem h2 { padding-bottom: 10px; }

/*
*************************
	 - BREADCRUMB MENU
*************************
*/

/* tab styles */
#tabrow { margin: 0; padding-left: 10px; min-width: 200px; line-height: 1; height: 27px; }

#tabrow ul { margin: 0; padding: 0; padding-top: 6px; list-style: none; position: absolute; z-index: 2; /* Tilføjet 26/11/2009 for at løse problem med tabs i menu */ left: 235px; }

#tabrow li { float: left; color: #000; margin-right: 5px; padding: 5px; cursor: pointer; }

#tabrow li.select { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top: solid #828282 1px; border-left: solid #828282 1px; border-right: solid #828282 1px; border-bottom-width: 0; border-bottom-color: transparent; background-color: #FFFFFF; color: #000; height: 11px; }

#tabrow li.select a:hover { text-decoration: none; }

div .RadGrid_Office2007 .rgFooter { background: #E3EEFF; }

div .RadGrid_Office2007, .rgHeader, .RadGrid_Office2007 th.rgResizeCol { border: 1px solid #8fb0d6; }

div .RadGrid_Office2007 .rgHeader, .RadGrid_Office2007 .rgHeader a { color: #000000 !important; }

div .rtTitlebar { padding-left: 5px; padding-top: 5px; font-size: 14px !important; line-height: 16px !important; font-weight: bold !important; }

.RadToolBar .rtbIn {
overflow:hidden;
padding:1px 0 0 1px !important;
}
/*
div .RadGrid_Office2007 .rgSelectedRow {
	background:#d7e8fe none repeat scroll 0 0;
}

div .RadGrid_Office2007 .rgEditRow {
	background:#d7e8fe none repeat scroll 0 0;
}
*/
div .RadTreeView_Windows7, .RadTreeView_Windows7 a.rtIn, .RadTreeView_Windows7 .rtEdit .rtIn input { color: #000000 !important; }

div.RadWindow_Office2007 .rwTitlebarControls em { color: #000000 !important; }


div .RadGrid_Web20 .rgHeader, .RadGrid_Web20 th.rgResizeCol { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #7FA5D7 repeat-x scroll; background-image: url(/App_Themes/Version1/Images/framework/grid_top.png); border-color: -moz-use-text-color #6E8EC2 #335ca0 #557dc1; border-style: none solid solid; border-width: 0 1px 1px; font-weight: normal; padding-bottom: 4px; padding-top: 4px; text-align: left; }
.RadGrid_Web20 .rgAltRow { }
div .RadGrid_Office2007 .rgHeaderHoliday { background-color: #d6d6d6 !important; background: url(/App_Themes/Version1/Images/framework/grid_top_lightgrey.png) repeat-x; }

.globalTop .RadMenu_Black .rmLink:hover { color: #ffffff; }

.RadToolBar_Default .rtbMiddle { border-left: none !important; border-top-color: white !important; border-bottom-color: #AAAAAA !important; border-right: none !important; }

.tab-toolbar .RadToolBar_Default .rtbMiddle { border-color: #AAAAAA !important; border-left: 1px solid #AAAAAA !important; border-right: 1px solid #AAAAAA !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.rgPagerCell.NextPrevAndNumeric { border-top: none !important; }
.rgFooter td { border-top: 1px solid white !important; } 

.RadEditor.reWrapper .reContentCell { border: 1px solid #9cb6c5; }
.RadEditor .reToolbarWrapper { margin-top: 1px !important; }

.RadToolBar .templated-checkbox input { margin-top: 4px; float: left; }

/* Does not work:
.RadTabStrip .rtsLI .rtsLink { margin-top: 0px !important; }
.RadTabStrip .rtsLI .rtsLink.rtsSelected { margin-top: 1px !important; }*/

/*
*************************
	 - BUTTONS
*************************
*/



.button { font-size: 100%; padding: 2px 7px 0 22px; display: inline-block; height: 18px; background-repeat: no-repeat; background-position: 0px center; }

.save { background-image: url(/App_Themes/Version1/Images/Icons/ok.png); }
.edit { background-image: url(/App_Themes/Version1/Images/Icons/edit.png); }
.close, .cancel { background-image: url(/App_Themes/Version1/Images/Icons/error.png); }
.send { background-image: url(/App_Themes/Version1/Images/Icons/mail_10.gif); }
.sms { background-image: url(/App_Themes/Version1/Images/icons/mobilephone.png); }
.message { background-image: url(/App_Themes/Version1/Images/icons/mail_new.png); }
.delete { background-image: url(/App_Themes/Version1/Images/Icons/delete.png); }
.print { background-image: url(/app_themes/version1/images/icons/printer2.png); }
.create { background-image: url(/app_themes/version1/images/icons/add2.png); }
.excel { background-image: url(/app_themes/version1/images/icons/excel_16.png); }
.export { background-image: url(/app_themes/version1/images/icons/excel_16.png); }
.previous { background-image: url(/app_themes/version1/images/icons/arrow_left_green.png); }
.next { background-image: url(/app_themes/version1/images/icons/arrow_right_green.png); }
.userpreference { background-image: url(/app_themes/version1/images/icons/user_preferences.png); }
.userpreferences { background-image: url(/app_themes/version1/images/icons/users3_preferences.png); }

.buttons { margin-top: 20px; }
.buttons a, .buttons a:link { margin: 0 5px 5px 0; line-height: 15px; padding: 8px 0px 0px 25px; display: inline-block; height: 22px; width: 75px; background-image: url(/App_Themes/Version1/Images/buttons/full.png); background-position: 10 0; background-repeat: no-repeat; text-decoration: none; color: #000000; }

.buttons .default { padding: 8px 0px 0px 10px; background-position: 0 0; }
.buttons .default:hover { background-position: 0 -30px; }
.buttons .save { background-position: -100px 0; }
.buttons .save:hover { background-position: -100px -30px; }
.buttons .delete { background-position: 0 -60px; }
.buttons .delete:hover { background-position: 0 -90px; }
.buttons .close, .cancel { background-position: -100px -60px; }
.buttons .close:hover, .cancel:hover { background-position: -100px -90px; }
.buttons .left { background-position: 0 -180px; }
.buttons .left:hover { background-position: 0 -210px; }
.buttons .right { background-position: -100px -180px; }
.buttons .right:hover { background-position: -100px -210px; }
.buttons .sms { background-position: 0 -300px; }
.buttons .sms:hover { background-position: 0 -330px; }
.buttons .message { background-position: -100px -300px; }
.buttons .message:hover { background-position: -100px -330px; }
.buttons .messageforward { background-position: 0 -360px; }
.buttons .messageforward:hover { background-position: 0 -390px; }
.buttons .messagereply { background-position: -100px -360px; }
.buttons .messagereply:hover { background-position: -100px -390px; }

.buttons .print { background-position: 0 -240px; }
.buttons .print:hover { background-position: 0 -270px; }
.buttons .search { background-position: -100px -240px; }
.buttons .search:hover { background-position: -100px -270px; }
.buttons .create { background-position: 0 -120px; }
.buttons .create:hover { background-position: 0 -150px; }
.buttons .excel { background-position: -300px 0; }
.buttons .excel:hover { background-position: -300px -30px; }
.buttons .pdf { background-position: -200px 0; }
.buttons .pdf:hover { background-position: -200px -30px; }
.buttons .security { background-position: -300px -60px; }
.buttons .security:hover { background-position: -300px -90px; }
.buttons .refresh { background-position: -200px -60px; }
.buttons .refresh:hover { background-position: -200px -90px; }
.buttons .edit { background-position: -200px -120px; }
.buttons .edit:hover { background-position: -200px -150px; }
.buttons .settings { background-position: -300px -120px; }
.buttons .settings:hover { background-position: -300px -150px; }
.buttons .info { background-position: -200px -180px; }
.buttons .info:hover { background-position: -200px -210px; }
.buttons .chart { background-position: -300px -180px; }
.buttons .chart:hover { background-position: -300px -210px; }
.buttons .document { background-position: -300px -240px; }
.buttons .document:hover { background-position: -300px -270px; }
.buttons .download { background-position: -300px -300px; }
.buttons .download:hover { background-position: -300px -330px; }
.number { text-align: right; }

.buttons .disabled
{
		opacity: 0.3;
		filter: alpha(opacity=30)
}

.buttons a.disabled
{
		cursor: default;
}

/*
*************************
	 - STATISTICS 
*************************
*/

table.statistics th { text-align: left; }
table.statistics td, table.statistics th { padding: 2px 5px; }

table.statistics tr.activityTotal { background-color: #eaeaea; }

table.statistics tr.activityTotal td { border-top: 1px solid #aaa; }

table.statistics tr.employeeName { background-color: #e0e0e0; }
table.statistics tr.employeeName td { border-top: 1px solid #333; }

table.statistics tr.activity { background-color: #f0f0f0; }
table.statistics tr .day { text-align: center; }

/*
*************************
	 - STATISTICS CALENDAR
*************************
*/

table.calendar { border: 1px solid #a0a0a0; margin: 5px 0 0 5px; float: left; }
table.calendar td, table.calendar th { text-align: center; padding: 1pt 2pt; }
table.calendar tr.month { background-color: #d0d0d0; font: 9pt/12pt arial helvetica; }
table.calendar tr.weekday th { background-color: #e0e0e0; font: bold 8pt/12pt arial helvetica; }
table.calendar tr { }
table.calendar tr td.day { }
table.calendar tr td.otherDay { color: #c0c0c0; }


/*
*************************
	 - MISC
*************************
*/

.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }

ul.printererrors { padding: 10px; }

ul.printererrors li { list-style-type: none; color: Red; padding-bottom: 5px; padding-left: 25px; padding-top: 5px; }

div.warning { padding: 10px; border: 1px solid red; background-color: #fdd; color: Black; }
div.information { padding: 10px; border: 1px solid orange; background-color: #fdf8b6; color: Black; }

/*
*************************
	 - DAYPILOT
*************************
*/
.cal_blue_colheader { background: #7FA5D7 url(/App_Themes/Version1/Images/framework/grid_top_light.png) repeat-x scroll; color: #000000; }
.cal_blue_header { background: #7FA5D7 url(/App_Themes/Version1/Images/framework/grid_top_light.png) repeat-x scroll; color: #000000; }
.cal_blue_timeheadergroup { background: #7FA5D7 url(/App_Themes/Version1/Images/framework/grid_top_light.png) repeat-x scroll; color: #000000; }
.cal_blue_timeheadercol { background: #7FA5D7 url(/App_Themes/Version1/Images/framework/grid_top_light.png) repeat-x scroll; color: #000000; }
.cal_blue_corner { background: #7FA5D7 url(/App_Themes/Version1/Images/framework/grid_top_high_light.png) repeat scroll; }
.cal_blue_rowheader { background-color: #e3eeff; color: #000000; padding-right: 5px; }
.cal_blue_rowheader > div > div > a { float: left; margin-top: 7px; white-space:nowrap; }
.cal_blue_cornerright { background: #7FA5D7 url(/App_Themes/Version1/Images/framework/grid_top_light.png) repeat-x scroll; }
.cal_blue_alldayheader { background-color: #EAEAEA; }
.cal_blue_alldayevent { background-image: url(/app_themes/version1/images/daypilot/calendar_silver_top21.gif); background-repeat: repeat-x; background-color: #CFCFCF; }
.nav_blue_main { border: none; }
.nav_blue_title { background: #7FA5D7 url(/App_Themes/Version1/Images/framework/grid_top_light.png) repeat-x scroll; color: #000000; }
.nav_blue_titleleft { background: #7FA5D7 url(/App_Themes/Version1/Images/framework/grid_top_light.png) repeat-x scroll; color: #000000; }
.nav_blue_titleright { background: #7FA5D7 url(/App_Themes/Version1/Images/framework/grid_top_light.png) repeat-x scroll; color: #000000; }
.nav_blue_dayheader { background-color: #e3eeff; }
.nav_blue_todaybox { border: dotted 1px black; }
.nav_blue_day { }
.nav_blue_dayother { color: #999999; }
.nav_blue_select { background-color: #AACCEE; }
.nav_blue_busy { font-weight: bold; }

/* Overrides to telerik css */
table.main-menu ul.rmHorizontal.rmRootGroup { border: 1px solid transparent !important; }

/* Shortcuts popup */
table.editTable.shortcuts div.row { margin-bottom: 5px; float: left; width: 200px; }

table.editTable.shortcuts div.row input { float: left; }

table.editTable.shortcuts div.row label { float: left; }

table.editTable.shortcuts div.row img { float: left; margin-left: 9px; margin-top: 2px; }

table.editTable.shortcuts div.row span { float: left; margin-left: 4px; margin-top: 3px; }

.mini-loader { background-image: url(/app_themes/Version1/images/Footer/Mini-loader.gif); background-repeat: no-repeat; background-position: center center; }

.imitatePortalBar { top: 0; left: 0; padding-right: 0; border-bottom: 1px solid #c3c3c3; width: 100%; margin: 0 0%; vertical-align: middle; }

/* Footer */
.footerBar { position: fixed; bottom: 0; left: 0; z-index: 999; /*--Keeps the panel on top of all other elements--*/ /*background: #e3e2e2;*/ padding-right: 0; border: 1px solid #c3c3c3; border-bottom: none; /*width: 94%; 	margin: 0 3%;*/ width: 100%; margin: 0; }

/*--IE6 Hack - Fixed Positioning to the Bottom--*/
*html .footerBar { margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on .footerBar --*/ position: absolute; top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); }

.footerBar ul { padding: 0; margin: 0; float: left; width: 100%; list-style: none; border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/ font-size: 1.1em; }

.footerBar ul li { padding: 0; margin: 0; float: left; position: relative; }

.footerBar ul li.note.item { display: none; }

.footerBar ul li.shortcut.item { display: none; }

.footerBar ul li a { padding: 5px; float: left; text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/ height: 16px; width: 16px; text-decoration: none; color: #333; position: relative; }

html .footerBar ul li a:link { border-bottom: none; text-decoration: none; }

html .footerBar ul li a:hover { background-color: #fff; }

html .footerBar ul li a.active { /*--Active state when sub-panel is open--*/ background-color: #fff; height: 17px; margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/ border: 1px solid #555; border-top: none; z-index: 200; /*--Keeps the active link on top of the sub-panel--*/ position: relative; }

html .footerBar ul li.loader a.mini-loader { }

html .footerBar ul li.loader a.mini-loader:hover { background-color: transparent; cursor: default; }

html .footerBar ul li a.note.active { margin-top: 0px; }

.footerBar ul li a.notifications { background: url('/app_themes/Version1/images/Icons/information.png') no-repeat 6px center; width: 102px; border-left: 1px solid #bbb; padding-left: 30px; text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/ }

/*--Right align the notifications panels--*/
.footerBar li.notifications { float: right; }

.footerBar li.spacer { background-image: url('/app_themes/Version1/images/Footer/BrightMenuBarSpacer.png'); background-repeat: no-repeat; background-position: center center; width: 6px; height: 25px; margin-left: 10px; margin-right: 10px; }

.footerBar ul li a.note { background: url('/app_themes/Version1/images/Icons/note.png') no-repeat center; }

.footerBar ul li.create { background-image: none; /* reset default.css value */ }

.footerBar ul li a.create-note { background: url('/app_themes/Version1/images/Icons/note_new.png') no-repeat 6px center; width: 61px; white-space: nowrap; overflow: hidden; /*border-left: 1px solid #bbb;*/ /*border-right: 1px solid #bbb;*/ padding-left: 30px; text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/ }

.footerBar ul li.note .top { width: 215px; height: 15px; background-image: url('/app_themes/Version1/images/Footer/NoteTop.png'); background-repeat: no-repeat; }

.footerBar ul li.note .content { padding-left: 8px; padding-top: 8px; padding-right: 22px; padding-bottom: 8px; height: 150px; background-image: url('/app_themes/Version1/images/Footer/NoteContentBackground.png'); background-repeat: repeat-y; }

.footerBar ul li.note .content .inner { height: 138px; overflow: auto; }

.footerBar ul li.create-note .content, .footerBar ul li.note.update .content { height: 129px; }

.footerBar .note .button-actions { text-align: right; width: 215px; padding-bottom: 8px; background-image: url('/app_themes/Version1/images/Footer/NoteContentBackground.png'); background-repeat: repeat-y; display: none; }

.footerBar .create-note .button-actions { display: block; }

.footerBar .note.item.update .button-actions { display: block; }

.footerBar .note .button-actions .inner { width: 198px; text-align: left; }

.footerBar ul li.note .actions { background-image: url('/app_themes/Version1/images/Footer/NoteContentBackground.png'); background-repeat: repeat-y; }

.footerBar ul li.note .actions .border { width: 200px; border-bottom: 1px dashed #7a7b00; padding-bottom: 5px; }

.footerBar ul li.note .actions .icon { float: right; width: 16px; height: 16px; margin-right: 5px; cursor: pointer; background-position: center center; background-repeat: no-repeat; }

.footerBar ul li.note .actions .label { padding-left: 8px; font-weight: bold; }

.footerBar ul li.note .actions .icon.edit { background-image: url('/app_themes/Version1/images/Icons/note_edit.png'); }

.footerBar ul li.note .actions .icon.close { background-image: url('/app_themes/Version1/images/Footer/NoteClose.png'); }

.footerBar ul li.note .actions .icon.delete { background-image: url('/app_themes/Version1/images/Icons/note_delete.png'); }

.footerBar ul li.note .bottom { width: 215px; height: 15px; background: transparent url('/app_themes/Version1/images/Footer/NoteArrow.png') no-repeat center bottom; }

.footerBar a small { text-align: center; width: 120px; background: url('/app_themes/Version1/images/Footer/ToolTipBackgroundWide.png') no-repeat center bottom; padding: 5px 5px 11px; display: none; /*--Hide by default--*/ color: #fff; font-size: 1em; text-indent: 0; text-decoration: none; }

.footerBar li.global-news a small { background-image: url(/app_themes/Version1/images/Footer/ToolTipBackgroundWideLargeLeft.png); height: 35px; width: 94px; }

.footerBar a.hover small, .footerBar a:hover small { display: block; /*--Show on hover--*/ position: absolute; top: -35px; /*--Position tooltip 35px above the list item--*/ left: 50%; margin-left: -64px; /*--Center the tooltip--*/ z-index: 9999; text-decoration: none; }

.footerBar li.global-news a.hover small, .footerBar li.global-news a:hover small { left: 0px; margin-left: -79px; top: -55px; }

.footerBar a.hover.active small, .footerBar a:hover.active small { display: none; }

.footerBar ul li div a { /*--Reset link style for sub-panel links--*/ text-indent: 0; width: auto; height: auto; padding: 0; float: none; color: #00629a; position: static; }
.footerBar ul li div a:hover { text-decoration: underline; }
/*--Reset hover style for sub-panel links--*/

.footerBar .note .subpanel, .footerBar .notifications .subpanel { position: absolute; left: -61px; display: none; /*--Hide by default--*/ width: 198px; overflow: hidden; }

.footerBar .notifications .subpanel { bottom: 27px; border: 1px solid #555; background: #fff; }

.footerBar .note .subpanel { bottom: 27px; left: -79px; width: 215px; }

.footerBar .create-note .subpanel { left: -50px; }

.footerBar .note textarea { height: 125px; width: 179px; }

.footerBar .create-note .create-button, .footerBar .note.item .update-button { margin-left: 9px; }

.footerBar h3 { background: #526ea6; padding: 5px 10px; color: #fff; font-size: 1.1em; cursor: pointer; }

/*--Right aligned "-" icon--*/
.footerBar h3 span { font-size: 1.5em; float: right; line-height: 0.6em; font-weight: normal; }

.footerBar .notifications .subpanel ul { padding: 0; margin: 0; background: #fff; width: 100%; overflow: auto; padding-bottom: 2px; }

.footerBar .notifications .subpanel li { float: none; /*--Reset float--*/ display: block; padding: 0; margin: 0; overflow: hidden; clear: both; background: #fff; position: static; /*--Reset relative positioning--*/ font-size: 0.9em; }

.footerBar .notifications .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }

.footerBar .notifications .subpanel li { border-top: 1px solid #f0f0f0; display: block; }

.footerBar .notifications .subpanel li p { padding: 5px 10px; }

.footerBar .notifications .subpanel li a.delete { background: url('/app_themes/Version1/images/Icons/delete.png') no-repeat; float: right; width: 13px; height: 14px; margin: 5px; text-indent: -9999px; visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/ }

.footerBar .notifications .subpanel li a.delete:hover { background-position: left bottom; }

.footerBar .notifications li.view { text-align: right; padding: 5px 10px 5px 0; }

/* Shortcuts */
.footerBar ul li.shortcut.item a { background-repeat: no-repeat; background-position: center center; }

.footerBar ul li.shortcut.preferences a { background: url('/app_themes/Version1/images/Icons/preferences.png') no-repeat 6px center; width: 75px; white-space: nowrap; overflow: hidden; /*border-right: 1px solid #bbb;*/ padding-left: 30px; text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/ }

.footerBar ul li.shortcut.preferences a:hover, .footerBar ul li a:hover { background-color: white; }

.footerBar ul li.global-news { float: right; }

.footerBar ul li.global-news a { background-image: url('/app_themes/Version1/images/Transparent.gif'); background-repeat: no-repeat; background-position: 5px center; width: 16px; height: 16px; text-indent: 0px; }

.footerBar ul li.global-news a img.on { display: none; }

.footerBar ul li.global-news a img.off { display: inline; }

/* paging */
div.kmbo-paging { margin-top: 10px; }

div.kmbo-paging a.kmbo-paging { }

div.kmbo-paging span { padding-right: 5px; }

div.kmbo-paging a.kmbo-paging.kmbo-paging-selected { font-weight: bold; }

div.kmbo-paging a.kmbo-paging-prev { margin-right: 10px; }

div.kmbo-paging a.kmbo-paging-next { margin-left: 10px; }

/* News list */
div.kmbo-news-list { }

div.kmbo-news-list div.kmbo-news-item { margin-bottom: 25px; }

div.kmbo-news-list div.kmbo-news-item div.kmbo-news-title h2 { }

div.kmbo-news-list div.kmbo-news-item div.kmbo-news-meta { margin-top: 5px; margin-bottom: 5px; color: #999999; }

div.kmbo-news-list div.kmbo-news-item div.kmbo-news-body { }

div.kmbo-news-list div.kmbo-news-item.kmbo-news-item-last { margin-bottom: 0px; }

div.kmbo-news-list div.kmbo-news-item div.kmbo-news-image { float: right; cursor: pointer; }

div.settings { width: 900px; }
div.settings div.module { padding: 5px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #dae9fd; width: 355px; position: relative; background-color: #eef5ff; background-image: url( '/app_themes/Version1/images/framework/settings_bg.png' ); padding-left: 55px; float: left; height: 70px; }
div.settings div.module img { margin-left: -50px; position: absolute; }
div.settings div.module h2 { font-size: 120%; }
div.settings div.module span { display: block; }
div.settings div.module a { display: block; position: absolute; text-align: right; bottom: 5px; right: 5px; }

.documentImage { float: left; margin: 0 15px 15px 0; }
.documentImage div { width: 150px; height: 100px; overflow: hidden; margin-bottom: 5px; border: solid 1px #6788be; }
.documentImage div:hover { border: solid 1px #3f5f94; }
.documentImage div img { width: 150px; cursor: pointer; }


/*
*************************
	 - WEEK VIEW
*************************
*/

.RadGrid_Office2007 .rgRow td.timesheet, .RadGrid_Office2007 .rgAltRow td.timesheet { padding-top: 0; vertical-align: top; }
td.timesheet a { padding: 2px; display: block; text-align: center; text-decoration: none; position: relative; margin-top: 4px; }
td.timesheet a.notopen, .dutyschedule .notopen { color: silver; }
td.timesheet a.incomplete, .dutyschedule .incomplete, td.incomplete { background-color: #cccccc; color: #000000; }
td.timesheet a.attention, .dutyschedule .attention, td.attention { background-color: #ffff88; color: #000000; }
td.timesheet a.open, .dutyschedule .open { background-color: #ff8888; color: #000000; }
td.timesheet a.complete, .dutyschedule .complete, td.complete { background-color: #9fe987; color: #000000; }
td.timesheet a.locked, .dutyschedule .locked { background-color: #abf; color: #000000; }
td.timesheet a.inactive { cursor: default; display: none; }

td.timesheet a img.icon { width: 16px; height: 16px; position: absolute; border: 0; }
td.timesheet a img.description { top: 8%; right: 2%; }
td.timesheet a img.punchclock { bottom: 8%; right: 2%; }
td.timesheet a img.warning { bottom: 8%; left: 2%; }
td.timesheet a div.timesheetInterest { bottom: 8%; left: 2%; position: absolute; width: 40px; height: 16px; text-align: left; }

.vacationOnTimesheet { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/App_Themes/Version1/Images/Backgrounds/vacation_trans.png'); }
.vacationOnTimesheet[class] { background-image: url(/App_Themes/Version1/Images/Backgrounds/vacation_trans.png); }

/*
*************************
	 - GRAPHIC DAY VIEW
*************************
*/

.extraCell { position: absolute; height: 14px; text-align: center; }
a.activity { color: #000000; text-decoration: none; }
.activity { z-index: 5; cursor: pointer; }
.vacation, .pause, .overtime, .lieutime { z-index: 6; }

/* Simple image upload */
div.simple-image-upload-error { color: red; margin-bottom: 10px; }

div.simple-image-upload-thumbnail { margin-bottom: 10px; }

/*
*************************
	 - TELERIK LIKE TABLE
*************************
*/

table.blue { border-collapse: collapse; border: 1px solid #8fb0d6; empty-cells: show; table-layout: auto; }
table.blue thead tr, table.blue tr.header { background-image: url(/App_Themes/Version1/Images/Backgrounds/Gradients/RadGridHeader.png); }
.editTable tr.spacer td table.blue td, table.blue th, table.blue td { padding-left: 7px; padding-right: 7px; padding-bottom: 3px; padding-top: 4px; color: #333333; }
table.blue td.noPadding { padding: 0px; }
table.blue th, table.blue tr.header td { font-weight: normal; border-bottom: 1px solid #5d8cc9; border-right: 1px solid #5d8cc9; text-align: left; }
table.blue th.last { border-right: none; }

table.border { border: 1px solid #8fb0d6 !important; }

table.blue td { border-bottom: 1px solid #d0d7e5; border-right: 1px solid #d0d7e5; }
table.blue tr.last td { border-bottom: none; }
table.blue td.last { border-right: none; }
table.blue tr.subHeading td { background: lightgrey; }

table.blue .center { text-align: center; }
table.blue .left { text-align: left; }
table.blue .right { text-align: right; }

div.blue-wrapper { border: 1px solid #8fb0d6; overflow-y: auto; }

table.blue.excel-grid th,
table.blue.excel-grid td
{
		white-space: nowrap !important;
}

table.blue.excel-grid td input.amount
{
		min-width: 50px !important;
		width: 100% !important;
}

table.blue.excel-grid td input.salary-identifier
{
		min-width: 80px !important;
		width: 100%;
}

table.blue.excel-grid td.number
{
		padding: 0px 5px 0px 5px;
}

table.blue.excel-grid td.validation-target,
table.blue.excel-grid th.validation-target
{
		border-right: none;
}

table.blue.excel-grid th.required
{
		font-weight: bold;
}

table.blue.excel-grid th.tooltip span,
table.blue.excel-grid th.tooltip img
{
		position: relative;
}

table.blue.excel-grid th.tooltip span
{
		top: -2px;
}

table.blue.excel-grid th.tooltip img
{
		top: 1px;
		margin-left: 5px;
}

table.blue.excel-grid input,
table.blue.excel-grid textarea,
table.blue.excel-grid span.RadInput.RadInput_Office2007 input.riTextBox,
table.blue.excel-grid select
{
		border: 1px solid transparent;
		margin: 0px;
		padding: 0px;
}

table.blue.excel-grid input,
table.blue.excel-grid textarea,
table.blue.excel-grid span.RadInput.RadInput_Office2007 input.riTextBox
{
		height: 16px;
}

table.blue.excel-grid td /*.no-padding*/
{
		padding: 0px 2px 0px 2px !important;
}

table.blue.excel-grid td.c-t
{
		border-right: none;
}

table.blue.excel-grid td.c-t input[type=checkbox]
{
		margin-left: 2px;
}

table.blue.excel-grid td.checkbox-textbox input[type=checkbox]
{
		margin-top: 1px;
}

table.blue.excel-grid td.checkbox-textbox input[type=text]
{
		
}

/*
*************************
	 - Check box tree view
*************************
*/
div.kmbo-tree-view
{
	width: 300px;
	padding: 1px;
}

div.kmbo-tree-item
{
	border: 1px solid transparent;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	padding: 3px;
	cursor: pointer;
}

div.kmbo-tree-item.disabled
{
	cursor: default;
	color: #d7d7d7;
}

div.kmbo-tree-item.current.disabled
{
		color: Black;
}

div.kmbo-tree-item.hover
{
	border: 1px solid #b8d6fb;
	background-image: url(/App_Themes/Version1/Images/CheckBoxTreeView/Tree-item-hover.png);
	background-repeat: repeat-x;
	background-position: center left;
}

div.kmbo-tree-item-children
{
	display: none;
}

div.kmbo-tree-item.clicked
{
	border: 1px solid #84acdd;
	background-image: url(/App_Themes/Version1/Images/CheckBoxTreeView/Tree-item-clicked.png);
	background-repeat: repeat-x;
	background-position: center left;
}

div.kmbo-tree-item.current
{
		font-weight: bold;
}

div.kmbo-tree-item-label
{
	float: left;
	margin-left: 5px;
}

div.kmbo-tree-item-checkbox
{
	float: left;
}

div.kmbo-tree-item-checkbox input
{
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
		margin-top: 2px;
}

div.kmbo-tree-item-icon
{
	float: left;
	width: 16px;
	height: 16px;
	background-image: none;
}

div.kmbo-tree-item-icon.expand
{
	background-image: url(/App_Themes/Version1/Images/CheckBoxTreeView/Tree-item-expand.png);
}

div.kmbo-tree-item-icon.expand.hover
{
	background-image: url(/App_Themes/Version1/Images/CheckBoxTreeView/Tree-item-expand-hover.png);
}

div.kmbo-tree-item-icon.collapse
{
	background-image: url(/App_Themes/Version1/Images/CheckBoxTreeView/Tree-item-collapse.png);
}

div.kmbo-tree-item-icon.collapse.hover
{
	background-image: url(/App_Themes/Version1/Images/CheckBoxTreeView/Tree-item-collapse-hover.png);
}

div.kmbo-tree-item-icon.type
{
		margin-left: 7px;
}

div.kmbo-tree-item-icon.type.course
{
	background-image: url(/app_themes/version1/images/icons/book_blue.png);
}

div.kmbo-tree-item.disabled div.kmbo-tree-item-checkbox,
div.kmbo-tree-item.disabled div.kmbo-tree-item-icon.type
{
		opacity: 0.4;    
}

/*
*****************************
	 - Course calendar styles
*****************************
*/
div.course-info,
div.course.cal_blue_event div.course-info
{
		text-align: center;
		padding-top: 4px;
		cursor: pointer;
}

div.course.cal_blue_event div.course-info
{
		background-repeat: repeat-x;
}

div.course-info,
div.course.cal_blue_event
{
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}

div.course.cal_blue_event
{
		box-shadow: 2px 2px 7px #999999;
		-webkit-box-shadow: 2px 2px 7px #999999;
		-moz-box-shadow: 2px 2px 7px #999999;
}

div.course-info.status
{
		cursor: default;
}

div.course-info.all-slots-free,
div.course-info.minimum-not-achived,
div.course.cal_blue_event div.course-info.minimum-not-achived
div.course.cal_blue_event div.course-info.all-slots-free
{
}

div.course-info.minimum-achived,
div.course.cal_blue_event div.course-info.minimum-achived
{
}

div.course-info.few-slots,
div.course.cal_blue_event div.course-info.few-slots
{
}

div.course-info.no-slots,
div.course.cal_blue_event div.course-info.no-slots
{
}

div.calendar-course-status
{
		float: left;
		height: 18px;
		padding-top: 4px;
		text-align: center;
		width: 20px;
		margin-right: 4px;
		border: 1px solid black;
		cursor: default;
		
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}

table.blue.employees-status div.calendar-course-status
{
		float: none;
		margin: 0 auto;
}

div.employee-group-status-aligner
{
		margin: 0 auto;
		width: 74px;
}

div.calendar-course-status.transparent
{
		border-color: #E7E7E7;
}

div.calendar-course-status.wide
{
		width: 75px;
}

div.calendar-course-status.last
{
		margin-right: 0;
}

div.calendar-course-status.approved
{
}

div.calendar-course-status.approved.required
{
		font-weight: normal !important;
		border-color: #043600;
}

div.calendar-course-status.approved.not-required
{
		border-color: #789376;
}

div.calendar-course-status.missing
{
		border-color: #420000;
		font-weight: normal !important;
		cursor: pointer;
}

div.calendar-course-status.missing.not-required
{
		border-color: #7e3d3d;
		font-weight: normal !important;
		cursor: pointer;
}

div.calendar-course-status.subscribed
{
		border-color: #b8b776;
}

div.calendar-course-status.subscribed.required
{
		font-weight: normal !important;
		border-color: #666200;
}

/* popup icons */
.popup-icon.popup-icon-mail-open
{
		background-image: url(/App_Themes/Version1/Images/Icons/mail_open.png);   
}

/* Validation */
.validation-error
{
		background-color: #FF8888;
}

.validation-error-text
{
		color: #9b0000;
}

/* Upload and attachements */
div.attachment-list a
{
		display: block;
		margin-bottom: 10px;
}

div.attachment-list.icons a.attachment-icon
{
		background-position: left center;
		background-repeat: no-repeat;
		height: 16px;
		padding-left: 21px;
}

div.attachment-list.float-layout a
{
		float: left;
}

div.attachment-list.icons.column-layout a.attachment-icon
{
		float: none;
}

div.attachment-list-edit a,
div.attachment-list-edit a:link
{
		color: #4D6185;
}

/* Telerik grid edit color overrides */
div.odd-even-edit-override.RadGrid.RadGrid_Office2007 table.rgMasterTable tr.rgRow.even
{
		background-color: White !important;
}

div.odd-even-edit-override.RadGrid.RadGrid_Office2007 table.rgMasterTable tr.rgRow.odd
{
		background-color: #F6F6F6 !important;
}

div.odd-even-edit-override.RadGrid.RadGrid_Office2007 table.rgMasterTable tr.rgRow.even.rgSelectedRow,
div.odd-even-edit-override.RadGrid.RadGrid_Office2007 table.rgMasterTable tr.rgRow.odd.rgSelectedRow
{
		background-color: #FFCB60 !important;
}

/* Drop down */
div.dropdown
{
    border: 1px solid #ABC1DE;
    width: 200px;
    height: 20px;
    cursor: pointer;
}

div.dropdown:hover
{
    background-image: url(/App_Themes/Version1/Images/Dropdown/Toggle-hover.png);
    background-repeat: repeat-x;
	background-position: center left;
}
        
div.dropdown div.dropdown-text
{
    float: left;
    margin: 3px 2px 0px 3px;
    height: 18px;
    overflow: hidden;
    width: 174px;
}
        
div.dropdown div.dropdown-image
{
    background-image: url(/App_Themes/Version1/Images/Dropdown/Toggle.png);
    background-repeat: no-repeat;
	background-position: center center;
    
    border-left: 1px solid transparent;
    float:right;
    height:20px;
    width:18px;
}
        
div.dropdown:hover div.dropdown-image,
div.dropdown.dropdown-focus div.dropdown-image
{
}
        
div.dropdown-popup
{
    width: 200px;
    border: 1px solid #094b6d;
    background-color: White;
    padding: 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    position: absolute;
    left: -1000px;
    top: -1000px;
}
        
div.dropdown-popup div.dropdown-items-indent,
div.dropdown-items-indent div.dropdown-items-indent
{
    padding-left: 20px;
}
        
div.dropdown-item
{
    margin: 0px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    border: 1px solid transparent;
    -moz-border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    height: 17px;
}
        
div.dropdown-item:hover
{
    border: 1px solid #b8d6fb;
	background-image: url(/App_Themes/Version1/Images/Dropdown/Dropdown-item-hover.png);
	background-repeat: repeat-x;
	background-position: center left;
}
        
div.dropdown-item-disabled
{
    cursor: default;
}
        
div.dropdown-item-disabled:hover
{
    background-image: none;
    border: 1px solid transparent;
}
        
div.dropdown-item-selected
{
    background-image: url(/App_Themes/Version1/Images/Dropdown/Dropdown-item-selected.png);
    border: 1px solid #65a8fb;
}
        
div.dropdown-item-current
{
    font-weight: bold;
}
        
div.dropdown-item-text
{
    float: left;
    white-space: nowrap;
    width: 100px;
    margin-top: 2px;
    overflow: hidden;
}
        
img.dropdown-item-icon
{
    float:left;
    margin-right: 5px;
    vertical-align: middle;
}
        
div.dropdown-item-disabled img.dropdown-item-icon
{
    opacity: 0.4;
}