/* fix for jquery-ui-datepicker border*/
#ui-datepicker-div { display: none; }



body	{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #000000;
			text-align: left;

			background-color: #FFFFFF;		
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
		
			scrollbar-base-color: #EEEEEE;
			scrollbar-arrow-color:#EEEEEE;
			scrollbar-darkshadow-color: #424242;
			scrollbar-face-color: #424242;
			scrollbar-highlight-color: #EEEEEE;
			scrollbar-shadow-color: #EEEEEE;
	}

.box_content	{
			border: 1px #424242 solid;
			background-color: #FFFFFF;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #000000;
			text-align: left
		}

.box_head {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #424242}

.heading {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; text-transform: uppercase; color: #cc0033; letter-spacing: 8px; text-align: left; line-height: normal}

.sub_heading {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; color: #cc0033; letter-spacing: 3px; text-align: left; line-height: 15px}

.gwt_sub_heading {  padding-left: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; color: #cc0033; letter-spacing: 3px; text-align: left; line-height: 15px}


.fixed_column{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background-color: #C7D799}

.form_box {  border: 1px #424242 outset; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}

.form_content {  background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}

.form_elements {  /*background-color: #424242; color: #FFFFFF; border: 1px #A09F9F solid; width:100%;*/}

.form_buttons {  /*background-color: #424242; border: 1px #90AE24 outset; color: #FFFFFF; width:100px;*/}
.row_head {  background-color: #424242; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF}
.row_on {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #fafafa}
.row_off {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #eeeeee}
.row_marked_for_deletion_on {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: line-through; background-color: #fafafa}
.row_marked_for_deletion_off {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: line-through; background-color: #eeeeee}
.row_deleted_on {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:gray; text-decoration: line-through; background-color: #fafafa}
.row_deleted_off {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:gray; text-decoration: line-through; background-color: #eeeeee}
.row_private_on {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:gray; background-color: #fafafa}
.row_private_off {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:gray; background-color: #eeeeee}
.content_text {  font-size: 13px}
.footer_link {  font-family: Verdana; font-size: 10px; text-decoration: none; letter-spacing: 3px; color: #39346F;text-align:center;border-bottom:2px solid #606060;}
.footer_link:hover {  letter-spacing: 3px; color: #90AE24}
a {  text-decoration: none; color: #39346F }
a:hover {  text-decoration: none; color: #90AE24 }
.navigation 
{ 
        PADDING-RIGHT: 2px; 
        PADDING-LEFT: 2px; 
        FONT-WEIGHT: normal; 
        FONT-SIZE: 8pt; 
        PADDING-BOTTOM: 2px; 
        PADDING-TOP: 1px; 
        font-family :Verdana, Arial, Helvetica, sans-serif; 
	background : #424242;
	color:  #ffffff;
        border-left : 1px solid #000000; 
} 

DIV.navigation{ 
        PADDING-RIGHT: 2px; 
        PADDING-LEFT: 2px; 
        FONT-WEIGHT: normal; 
        FONT-SIZE: 8pt; 
        PADDING-BOTTOM: 2px; 
        PADDING-TOP: 1px; 
        font-family :Verdana, Arial, Helvetica, sans-serif; 
	background : #424242;
	color:  #ffffff;
        border-left : none; 
} 

.navigationA 
{ 
    PADDING-RIGHT: 2px; 
    PADDING-LEFT: 2px; 
    FONT-WEIGHT: normal; 
    FONT-SIZE: 8pt; 
    PADDING-BOTTOM: 2px; 
    PADDING-TOP: 1px; 
    font-family :Verdana, Arial, Helvetica, sans-serif; 
	background : #424242;
	color:  #ffffff;
    border-left : 1px solid #000000; 
} 



DIV.navigationA 
{ 
    PADDING-RIGHT: 2px; 
    PADDING-LEFT: 2px; 
    FONT-WEIGHT: normal; 
    FONT-SIZE: 8pt; 
    PADDING-BOTTOM: 2px; 
    PADDING-TOP: 1px; 
    font-family :Verdana, Arial, Helvetica, sans-serif; 
 	background : #424242;
	color:  #ffffff;
    border-left : none; 
} 

A.navigationA 
{ 
    FONT-WEIGHT: normal; 
	background : #424242;
	color:  #ffffff;
    TEXT-DECORATION: none; 
    border-left : none; 
} 

A:HOVER.navigationA
{ 
	background : #ffffff;
	color:  #000000;
        border-left : none;     
} 

A.navigation 
{ 
        FONT-WEIGHT: normal; 
        TEXT-DECORATION: none; 
	background : #424242;
	color:  #ffffff !important;
        border-left : none; 

} 

A:HOVER.navigation 
{ 
	background : #ffffff;
	color:  #000000;
        border-left : none; 
} 

.subMenu 
{ 
        PADDING-RIGHT: 3px; 
        PADDING-LEFT: 3px; 
        FONT-SIZE: 8pt; 
        Z-INDEX: 100; 
        VISIBILITY: hidden; 
        DISPLAY:none;
        PADDING-BOTTOM: 3px; 
        PADDING-TOP: 3px; 
        font-family :Verdana, Arial, Helvetica, sans-serif; 
        POSITION: absolute; 
	background : #424242;
	color:  #ffffff;
        border : 1px solid #424242; 
        Z-INDEX: 1000000;
} 
.footer-left{
	font-family: Verdana; padding-left: 1cm; font-size: 10px; text-decoration: none; letter-spacing: 3px; color: #39346F;text-align:left;vertical-align:top;background:#EEEEEE /*#424242 url(../images/footerbg.gif) no-repeat 50% 0%*/;
	height:24px;
}
.footer-right{
	font-family: Verdana; padding-right: 1cm; font-size: 10px; text-decoration: none; letter-spacing: 3px; color: #39346F;text-align:right;vertical-align:top;background:#EEEEEE /*#424242 url(../images/footerbg.gif) no-repeat 50% 0%*/;
	height:24px;
}


.banner-background
{
	position: absolute;
	background-color: #EEEEEE;
	top:0px; 
	left:0px;
	height:49px;
	width:100%;
	z-index:-10;
} 
.banner
{
	position: absolute;
	
	top:20px; 
	left:0px;
	height:25px;
	width:100%;
	z-index:5;
	overflow:hidden;
}

.banner-left
{
	position: absolute;
	top:20px;
	left:0; 
	height:25px;
	
	z-index:20;
	background-color: #EEEEEE;
	
}

.banner-right
{
	position: absolute;
	
	right:0; 
	height:25px;
	
	z-index:10;
	background-color: #EEEEEE;
	top:0; 
}
.banner-right2
{
	position: absolute;
	top:20px; 
	right:230px;
	height:25px;
	
	z-index:5;
	left:0;
	right:0;

	
}

.banner-center
{
	position: absolute;
	float: center;
	top:20px; 
	right:125px;
	width:100%; margin: auto;
	height:25px;
	z-index:2500;
}

.menu-center
{
	width:50%; margin: auto;
}

/*tabstructure*/
.tabmain{
	vertical-align:bottom;
	text-align:left;
	}
.tabnormal a,.tabselected a{
	background:url(../images/tabnormal.gif) no-repeat 0px 0px;	
	width:120px;
	display:block;
	text-align:center;
	vertical-align:bottom;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:5px 0px 0px 0px;
	text-transform:uppercase;
	}
.tabnormal a:hover{
	background:url(../images/tabhover.gif) no-repeat 0px 0px;
	color: #000000;
	}
.tabselected a{
	background:url(../images/tabselected.gif) no-repeat 0px 0px;
	color: #000000;
	}
.tabarea{
		border:1px solid #7b7b7b;
		border-top: none;
		padding:10px;
		text-align:left;
		vertical-align:top;
		background-color: #c8c8c8;
		/*background-color: #eeeeee;*/
		}

/* style for recorder control panel */

.recordingtable {
	width:863px;
	margin:0px auto;
	background:#ebebeb url(../images/record_headerbg.gif) repeat-x 0% 0%;
}
.recordingtableHeader {
	background:url(../images/recorder.gif) no-repeat 0% 0%;
	height:30px;
}
.recordingtableSection,.recordingtableSectionTwo  {
	background:url(../images/sectionbg.gif) no-repeat 50% 5px;
	height:350px;
	width:50%;
	text-align:left;
	vertical-align:top
}
.recordingtableSectionbox {
	width:290px;
	margin:15px auto 0px 20px;
}
.createteam{
	background: url(../images/creativeteam_grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:63;
	}
.createteam a {
	display:block;
	background:url(../images/creativeteam.jpg) no-repeat 0% 0%;
	height:63px;
	outline: none;
}
.createteam a:hover {
	background:url(../images/creativeteamhover.jpg) no-repeat 0% 0%;
	outline: none;
}
.agentextensitons a {
	background:url(../images/agentextentions.jpg) no-repeat 0% 0%;
	height:55px;
	display:block;
	outline: none;
}
.agentextensitons a:hover {
	background:url(../images/agentextentionshover.jpg) no-repeat 0% 0%;
	outline: none;
}
.callerid{
	background: url(../images/callerid_grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55;
	}
.callerid a {
	background:url(../images/callerid.jpg) no-repeat 0% 0%;
	display:block;
	height:57px;
	outline: none;
}
.callerid a:hover {
	background:url(../images/calleridhover.jpg) no-repeat 0% 0%;
}
.recordingexclusions a {
	background:url(../images/recordingexclusions.jpg) no-repeat 0% 0%;
	display:block;
	height:55px;
	outline: none;
}
.recordingexclusions a:hover {
	background:url(../images/recordingexclusionshover.jpg) no-repeat 0% 0%;
	outline: none;
}
.recordings{
	background: url(../images/recordings_grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:63px;
	}
.recordings a{
	background:url(../images/recordings.jpg) no-repeat 0% 0%;
	display:block;
	height:63px;
	outline: none;
	}
.recordings a:hover{
	background:url(../images/recordingshover.jpg)  no-repeat 0% 0%;
	}
.reassignedrecordings{
	background: url(../images/reassignedrecordings_grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55px;
	}	
.reassignedrecordings a{
	 background:url(../images/reassignedrecordings.jpg) no-repeat 0% 0%;
	 display:block;
	outline: none;
	 }
.reassignedrecordings a:hover{
	background:url(../images/reassignedrecordingshover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.audit{
	background: url(../images/audit_grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55px;
	}
.audit a{
	background:url(../images/audit.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.audit a:hover{
	background:url(../images/audithover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.storage{
	background: url(../images/storage-grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55px;
	}
.storage a{
	background:url(../images/storage.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.storage a:hover{
	background:url(../images/storagehover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.SMAHelptableSection,.SMAHelptableSectionTwo,.SMAHelptableSectionTwoBlank {
	background:url(../images/sectionbg.gif) no-repeat 50% 5px;
	height:345px;
	width:50%;
	text-align:left;
	vertical-align:top
}
.SMAHelptableSectionTwo {
	background:url(../images/sectionbgtwo.gif) no-repeat 50% 5px;
	height:270px;
	}
.SMAHelptableSectionTwoBlank {
	background: no-repeat 50% 5px;
	height:270px;
	}
.SMAHelptableSectionbox {
	width:315px;
	margin:15px auto 0px 20px;
}
.SMAHelptableSectionboxtext {
	width:385px;
	margin:15px auto 0px 20px;
}
.SMAHelptable {
	width:863px;
	margin:0px auto;
	background:#ebebeb url(../images/record_headerbg.gif) repeat-x 0% 0%;
}
.SMAHelptableHeader {
	background:url(../images/Help/NA.gif) no-repeat 0% 0%;
	height:30px;
}
.userfeatures{
	background:url(../images/Help/User-Features.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.whitepages{
	background: url(../images/Help/WhitePages_Grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55;
	}
.whitepages a{
	background: url(../images/Help/WhitePages.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.whitepages a:hover{
	background:url(../images/Help/WhitePages-hover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.noojeevision{
	background: url(../images/Help/Noojee-Vision_grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55;
	}
.noojeevision a{
	background: url(../images/Help/Noojee-Vision.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.noojeevision a:hover{
	background: url(../images/Help/Noojee-Vision_hover.jpg) no-repeat 0% 0%;
	outline: none;
	}
	
.voicemail{
	background: url(../images/Help/Voice-Mail_grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55;
	}
.voicemail a{
	background: url(../images/Help/Voice-Mail.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.voicemail a:hover{
	background:url(../images/Help/Voice-Mail-hover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.callhandling{
	background: url(../images/Help/Call-Handling.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.routing{
	background: url(../images/Help/Routing_Grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55;
	}
.routing a{
	background: url(../images/Help/Routing.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.routing   a:hover{
	background:url(../images/Help/Routing-hover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.businessmessages{
	background: url(../images/Help/Business-Messages_Grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55;
	}
.businessmessages a{
	background: url(../images/Help/Business-Messages.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.businessmessages  a:hover{
	background:url(../images/Help/Business-Messages-hover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.queue{
	background: url(../images/Help/Queue_Grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55;
	}
.queue a{
	background: url(../images/Help/Queue.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.queue  a:hover{
	background:url(../images/Help/Queue-hover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.services{
	background: url(../images/Help/Services.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.recorderpanel{
	background: url(../images/Help/Recorder-Panel_Grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55;
	}
.recorderpanel a{
	background: url(../images/Help/Recorder-Panel.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.recorderpanel  a:hover{
	background:url(../images/Help/Recorder-Panel-hover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.campaignpanel{
	background: url(../images/Help/Campaign-Panel_Grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55;
	}
.campaignpanel a{
	background: url(../images/Help/Campaign-Panel.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.campaignpanel  a:hover{
	background:url(../images/Help/Campaign-Panel-hover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.usermanagement{
	background:  url(../images/Help/User-Management.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.account{
	background: url(../images/Help/Account_Grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55;
	}
.account a{
	background: url(../images/Help/Account.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.account a:hover{
	background:url(../images/Help/Account-hover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.handsets{
	background: url(../images/Help/Handsets_Grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55;
	}
.handsets a{
	background: url(../images/Help/Handsets.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.handsets a:hover{
	background:url(../images/Help/Handsets-hover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.voicemail{
	background: url(../images/Help/Voice-Mail_Grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55;
	}
.voicemail a{
	background: url(../images/Help/Voice-Mail.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.voicemail a:hover{
	background: url(../images/Help/Voice-Mail-hover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.help{
	background:  url(../images/Help/Help.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.usermanual{
	background: url(../images/Help/User-Manual_Grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55;
	}
.usermanual a{
	background: url(../images/Help/User-Manual.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.usermanual a:hover{
	background:url(../images/Help/User-Manual-hover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.administrationmanual{
	background: url(../images/Help/Administration-Manual_Grey.gif) no-repeat 0% 0%;
	display:block;
	outline: none;
	width:177;
	height:55;
	}
.administrationmanual a{
	background: url(../images/Help/Administration-Manual.jpg) no-repeat 0% 0%;
	display:block;
	outline: none;
	}
.administrationmanual a:hover{
	background:url(../images/Help/Administration-Manual-hover.jpg) no-repeat 0% 0%;
	outline: none;
	}
.recorderfooter{
	background:url(../images/footer.gif) no-repeat 0% 100%;
	height:23px;
	outline: none;
	}
.topleft{
	text-align:center;
	vertical-align:top;
	}