﻿/* BASIC STYLES / SHARED STYLES */
body	{margin: 0px; padding: 0px 0px 20px 0px; font-family: arial, helvetica, sans-serif; background-color: #ffffff; color: #434343; font-size: 13px; overflow-x: hidden; overflow-y:scroll;}

#search-content	{padding-bottom: 77px; border-bottom: 1px solid #c7c7c7; background: transparent url(images/container-fading-backer-search.png) repeat-x 0 0;}
#clip-content, #results-content {padding-bottom: 50px; border-bottom: 1px solid #c7c7c7; background: transparent url(images/container-fading-backer.png) repeat-x 0 0; margin-top: 1px;}
#loginForm  {background: transparent url(images/container-fading-backer.png) repeat-x 0 0; margin-top: 30px;}		
.container	{margin: 0 auto; max-width: 2000px; min-width: 500px; padding: 0 30px;} /* SET FOR RESPONSIVE - change min / max to width to set */
.centre-align	{display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;position: relative;left: 50%;  *display:inline;}
.centre-align-content	{position: relative;left: -50%;}

.options-menu	{float: right; overflow: hidden; padding: 0px 4px 4px 4px}
.options-menu-inner {
	background-color: #FFF;
	padding: 3px 7px 3px 3px;
	border-left: 1px solid #c5c5c5;border-right: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;
	-moz-box-shadow: 1px 1px 2px 0px #999; -webkit-box-shadow: 1px 1px 2px 0px #999; box-shadow: 1px 1px 2px 0px #999; 
	border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottom-right: 5px;}

.clear	{clear: both;}




h1,h2,h3,h4,h5	{color: #A20404}
h1,h2,h3	{margin-top: 30px;}
h2 {border-top: 1px solid #ccc; padding-top: 20px;}
p	{}
hr	{}

/*LOGIN AREA STYLES */
.login-container {width: 270px;}
.loginrow {height: 30px; clear: both; margin-top: 3px;}
.loginbox {background-color: #FFFFFF;color: #2E2E2E; border-radius: 4px 4px 4px 4px;border-color: #B1B1B1 !important;height: 22px;border-style: solid;
    border-width: 1px;box-shadow: 0 0 3px 0 #CCCCCC;margin: 5px;width: 180px; padding-left: 5px; float: right; margin-top: -6px;}	

.loginbutton {width: 60px; height: 26px; padding: 0px; background: #77b600 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #78b700 0%, #569b00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78b700), color-stop(100%,#569b00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #78b700 0%,#569b00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #78b700 0%,#569b00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #78b700 0%,#569b00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #78b700 0%,#569b00 100%); /* W3C */
	box-shadow: inset 0 8px 10px rgba(0,0,0,0.15), 0 0px 0 rgba(255,255,255, 0.3), inset 0 0px 0 rgba(255,255,255, 0.3) !important; /* IE9 */
	border-color: #4c8800 !important;
	font-weight: 700;
	color: #ffffff;
	cursor: hand;
	cursor: pointer;}
	
.loginbutton:hover  {background: #7fc001 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #78b700 0%, #569b00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78b700), color-stop(100%,#569b00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #78b700 0%,#569b00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #78b700 0%,#569b00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #78b700 0%,#569b00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #78b700 0%,#569b00 100%); /* W3C */
	box-shadow: inset 0 8px 10px rgba(0,0,0,0.15), 0 0px 0 rgba(255,255,255, 0.3), inset 0 0px 0 rgba(255,255,255, 0.3) !important; /* IE9 */
	border-color: #4c8800 !important;}



/* HEADER AREA STYLES */
/*#header	{height: 138px;}*/
.loginheader {height: 100px !important;}
.logo	{background: url("images/Logo.png") no-repeat; width: 400px; height: 45px; text-indent: -4000px; display: block; float: left; margin: 30px 0;}
#user-menu	{float: right; margin-top: 10px;}
.current-user	{font-weight: 700;}

.menu-shadow {clear: both; -moz-box-shadow: 0px 0px 5px 0px #000 !important; -webkit-box-shadow: 0px 0px 5px 0px #000; box-shadow: 0px 0px 5px 0px #000; padding-top: 0px;}
#main-menu	{border-top: 3px #A20404 solid; height: 32px;}
.negative-container	{position: absolute; margin-top: -3px;}
#suckerfishnav {
    font-size:13px;font-family:helvetica,sans-serif;font-weight:bold;width:100%; margin-top: -3px;}
#suckerfishnav, #suckerfishnav ul {
    float:left;list-style:none;line-height:32px;padding:0;margin:0;width:100%;
    }
#suckerfishnav a {
    display:block;color:#A20404;text-decoration:none;padding:0px 10px;
    }
#suckerfishnav li {
    z-index:999;position: relative;float:left;padding:0;border-right: 1px solid #ffffff;
    }
#suckerfishnav ul {
    position:absolute;left:-999em;height:auto;width:101px;font-weight:normal;margin:0;line-height:1;border:0;border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:99px;border-bottom:1px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;font-weight:bold;font-family:helvetica,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;width:80px;font-size:13px;color:#ffffff;
    }
#suckerfishnav li ul ul {
    margin:-22px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#A20404;
    }
#suckerfishnav li.current {
    background: #3c2f69; /* Old browsers */
	background: -moz-linear-gradient(top,  #A20404 0%, #E27D35 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A20404), color-stop(100%,#E27D35)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #A20404 0%,#E27D35 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #A20404 0%,#E27D35 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #A20404 0%,#E27D35 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #A20404 0%,#E27D35 100%); /* W3C */
	box-shadow: inset 0 8px 10px rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255, 0.4), inset 0 1px 0 rgba(255,255,255, 0.4); /* IE9 */
	border-bottom-left-radius: 5px;  -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px;  -moz-border-radius-bottomright: 5px;
    }
#suckerfishnav li.current a{
	 color: #FFF;
	}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#ffffff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#ffffff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#ffffff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background: #3c2f69; /* Old browsers */
	background: -moz-linear-gradient(top,  #A20404 0%, #E27D35 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A20404), color-stop(100%,#E27D35)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #A20404 0%,#E27D35 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #A20404 0%,#E27D35 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #A20404 0%,#E27D35 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #A20404 0%,#E27D35 100%); /* W3C */
	box-shadow: inset 0 8px 10px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3); /* IE9 */
	border-bottom-left-radius: 5px; -moz-border-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-right-radius: 5px;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background: #3c2f69; /* Old browsers */
	background: -moz-linear-gradient(top,  #A20404 0%, #E27D35 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A20404), color-stop(100%,#E27D35)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #A20404 0%,#E27D35 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #A20404 0%,#E27D35 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #A20404 0%,#E27D35 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #A20404 0%,#E27D35 100%); /* W3C */
	box-shadow: inset 0 8px 10px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3); /* IE9 */
	border-bottom-left-radius: 5px; -moz-border-radius-left: 5px; border-bottom-right-radius: 5px; -moz-border-radius-right: 5px;
    }

/* ERROR SYLES & HELP STYLES */
#error-content, #help-content	{padding: 20px 50px 50px 50px;;background: transparent url(images/container-fading-backer-search.png) repeat-x 0 0; }
#help-content-table-hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 0px;
	width: 600px;
	border-collapse: collapse;
	text-align: left;
}
#help-content-table-hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 50px;
	border-bottom: 2px solid #6678b1;
}
#help-content-table-hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 50px;
}
#help-content-table-hor-minimalist-b tbody tr:hover td
{
	color: #009;
}

#help-content img {border: 1px solid #ccc; display: block; margin: 20px 0; margin-left: auto; margin-right: auto;}
#help-content ol li  {padding-top: 20px;}
#help-content p , #help-content li {font-weight: 400;}
#help-content h4  {color: #1877c6; margin: 0px; padding: 0px;}

/* SEARCH SYLES */
#searchResults {height: auto !important;} /* FIX INLINE STYLE */
#search-content	{}
.search-fields	{margin-top: 30px;}
.search-fieldsie6   {width: 750px;}
#gridOuter {margin-top: 30px;border-radius: 5px; -moz-border-radius: 5px;-moz-box-shadow: 0px 0px 3px 0px #ccc !important; -webkit-box-shadow: 0px 0px 3px 0px #ccc; box-shadow: 0px 0px 3px 0px #ccc; width:1024px!important;}
#searchFormFieldset { border:0px;}
#searchTerm {width: 303px !important; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px;-moz-box-shadow: 0px 0px 3px 0px #ccc; -webkit-box-shadow: 0px 0px 3px 0px #ccc; box-shadow: 0px 0px 3px 0px #ccc;}
.refine-search {clear: both; padding-top: 10px;}
.ID-fields {clear: both; padding-top: 8px;}
.ids {-moz-box-shadow: 0px 0px 3px 0px #ccc !important; -webkit-box-shadow: 0px 0px 3px 0px #ccc; box-shadow: 0px 0px 3px 0px #ccc; width: 185px !important; margin-right: 5px;}
#searchButton {margin-left: -5px;border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; -moz-border-radius-topleft: 0px;-moz-box-shadow: 0px 0px 3px 0px #ccc !important; -webkit-box-shadow: 0px 0px 3px 0px #ccc !important; box-shadow: 0px 0px 3px 0px #ccc !important;}
.date-tab  {background-color: #FFF;
	padding: 5px 7px;
	border-left: 1px solid #c5c5c5;border-right: 1px solid #c5c5c5;border-top: 1px solid #c5c5c5;
	border-top-left-radius: 5px; -moz-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px;
	display: inline;}
.date-container {width: 190px; display: inline-block;}
.k-picker-wrap {-moz-box-shadow: 0px 0px 3px 0px #ccc !important;; -webkit-box-shadow: 0px 0px 3px 0px #ccc !important;; box-shadow: 0px 0px 3px 0px #ccc !important; border-color: #b1b1b1 !important}

/* CLIP STYLES */
#audioPlayback {height: auto !important;} /* FIX INLINE STYLE */
.sound-clip	{margin-top: 45px;}
.clip	{margin-top: 10px;}
#audioplayer_api  {width: 708px !important; height: 32px !important;  margin-top: 5px; border: 1px solid #c7c7c7; border-bottom-left-radius: 5px !important; -moz-border-radius-bottomleft: 5px !important; border-bottom-left-radius: 5px !important; -moz-border-radius-bottomleft: 5px !important; -webkit-box-shadow: 0px 0px 3px 0px #ccc; box-shadow: 0px 0px 3px 0px #ccc; border-top-left-radius: 0px; -moz-border-radius-topleft: 0px;}
.clip	{margin-top: 10px;}



/* RESULTS TABLE STYLES */
.results-content	{margin-top: 10px;}


/* FOOTER STYLES */
#footer {height: 60px; border: none; background: transparent url(images/container-fading-backer-footer.png) repeat-x 0 0; margin-top: 1px; color: #7c7c7c; padding-top: 20px;}
.footer-logo	{background: url("images/Krome-Footer-Logo.png") no-repeat !important; width: 100px; height: 20px; text-indent: -4000px; display: inline-block; float: right; margin-top: -2px; border: 0px;}
#footer a {color: #1c84c5; text-decoration: none;}

/* KENDO STYLES */
#audioplayer_api, .k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input {border-color: #b1b1b1 !important}

.k-button  {background-image: none !important;
background: #1e8cd1 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e8cd1 0%, #47aae9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e8cd1), color-stop(100%,#47aae9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e8cd1 0%,#47aae9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e8cd1 0%,#47aae9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e8cd1 0%,#47aae9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e8cd1 0%,#47aae9 100%); /* W3C */
	box-shadow: inset 0 8px 10px rgba(0,0,0,0.15), 0 0px 0 rgba(255,255,255, 0.3), inset 0 0px 0 rgba(255,255,255, 0.3) !important; /* IE9 */
	color: #ffffff !important;
	border-color: #0c72b2 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	margin-right: -4px !important;
	font-weight: 700 !important;
	-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease; transition: all 0.2s ease;}
	
.k-button:hover  {background-image: none !important;
	background: #1b9cec !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #208cd2 0%, #24a4f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#208cd2), color-stop(100%,#24a4f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #208cd2 0%,#24a4f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #208cd2 0%,#24a4f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #208cd2 0%,#24a4f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #208cd2 0%,#24a4f6 100%); /* W3C */
	box-shadow: inset 0 8px 10px rgba(0,0,0,0.15), 0 0px 0 rgba(255,255,255, 0.3), inset 0 0px 0 rgba(255,255,255, 0.3) !important; /* IE9 */
	color: #ffffff !important;
	border-color: #0c72b2 !important;
	font-weight: 700 !important;}

.k-button.k-state-focused, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-imagebrowser-dropzone em, .k-draghandle:hover {
    background-image: none, linear-gradient(to bottom, #dadada 0px, #c5c5c5 100%) !important;
}
	
#searchButton.k-button, #downloadButton, #startEditButton {background: #77b600 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #78b700 0%, #569b00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78b700), color-stop(100%,#569b00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #78b700 0%,#569b00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #78b700 0%,#569b00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #78b700 0%,#569b00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #78b700 0%,#569b00 100%); /* W3C */
	box-shadow: inset 0 8px 10px rgba(0,0,0,0.15), 0 0px 0 rgba(255,255,255, 0.3), inset 0 0px 0 rgba(255,255,255, 0.3) !important; /* IE9 */
	border-color: #4c8800 !important;
	font-weight: 700;}
	
#searchButton.k-button  {background: #7fc001 url(images/search-icon.png) no-repeat 5px 6px !important; padding-left: 24px;}
#startEditButton  {background: #7fc001 url(images/edit-icon.png) no-repeat 5px 4px !important; padding-left: 23px;}
#resetButton,#resetButtonForSearch,#resetButtonForLogs  {background: #1e8cd1 url(images/reset-icon.png) no-repeat 4px 5px !important; padding-left: 24px;}
#downloadButton  {background: #7fc001 url(images/download-icon.png) no-repeat 4px 5px !important; padding-left: 24px;}
.k-grid-Open   {background: #1e8cd1 url(images/open-icon.png) no-repeat 4px 6px !important; padding-left: 24px !important;}
#tableOptions  {background: #1e8cd1 url(images/table-options-icon.png) no-repeat 5px 3px !important; padding-left: 24px !important;}
#addNewRowButton {background: #1e8cd1 url(images/add-row-icon.png) no-repeat 5px 5px !important; padding-left: 24px !important;}
.capture {background: #1e8cd1 url(images/capture-icon.png) no-repeat 5px 4px !important; padding-left: 24px !important;margin-left: -5px !important;border-bottom-left-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important;}
.play {background: #1e8cd1 url(images/play-icon.png) no-repeat 4px 5px !important; padding-left: 22px !important;}
.remove {background: #1e8cd1 url(images/trash-icon.png) no-repeat 4px 5px !important; padding-left: 24px !important; margin-right: 0px !important;}

#searchButton.k-button:hover, #downloadButton:hover, #startEditButton:hover {background: #7fc001 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #78b700 0%, #569b00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78b700), color-stop(100%,#569b00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #78b700 0%,#569b00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #78b700 0%,#569b00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #78b700 0%,#569b00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #78b700 0%,#569b00 100%); /* W3C */
	box-shadow: inset 0 8px 10px rgba(0,0,0,0.15), 0 0px 0 rgba(255,255,255, 0.3), inset 0 0px 0 rgba(255,255,255, 0.3) !important; /* IE9 */
	border-color: #4c8800 !important;
}

#searchButton.k-button:hover  {background: #88cd02 url(images/search-icon.png) no-repeat 5px 6px !important; padding-left: 24px;}
#startEditButton:hover  {background: #88cd02 url(images/edit-icon.png) no-repeat 5px 4px !important; padding-left: 23px;}
#resetButton:hover, #resetButtonForSearch:hover,#resetButtonForLogs:hover  {background: #1b9cec url(images/reset-icon.png) no-repeat 4px 5px !important; padding-left: 24px;}
#downloadButton:hover  {background: #88cd02 url(images/download-icon.png) no-repeat 4px 5px !important; padding-left: 24px;}
.k-grid-Open:hover  {background: #1b9cec url(images/open-icon.png) no-repeat 4px 6px !important; padding-left: 24px;}
#tableOptions:hover  {background: #1b9cec url(images/table-options-icon.png) no-repeat 5px 3px !important; padding-left: 24px !important;}
#addNewRowButton:hover {background: #1b9cec url(images/add-row-icon.png) no-repeat 5px 5px !important; padding-left: 24px !important;}
.capture:hover {background: #1b9cec url(images/capture-icon.png) no-repeat 5px 4px !important; padding-left: 24px !important;}
.play:hover {background: #1b9cec url(images/play-icon.png) no-repeat 4px 5px !important; padding-left: 22px !important;}
.remove:hover {background: #1b9cec url(images/trash-icon.png) no-repeat 4px 5px !important; padding-left: 24px !important;}

.k-state-selected, .k-link.k-state-selected, .k-list > .k-state-selected, .k-list > .k-state-focused, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover {
    background: #208bcf !important;
    border-color: #208bcf !important;
}

.clipbox	{width: 110px !important; border-bottom-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important;}

/* Styles for ajax loading display
----------------------------------------------------------*/

/* applied to div tag when content is loading*/
.loading #loadingImg {margin-top: 50px;}



/* SEARCH INPUTBOX PROMPT */
.inputBoxWithPromptContainer { position: relative; float: left; margin-right: 3px; clear: left; }
.inputBoxPromptOverlay { color: #8D8D8D; position: absolute; top: 7px; left: 10px; z-index:1000;}
.inputBoxPromptOverlay-agentid { color: #8D8D8D; position: absolute; top: 13px; left: 10px; z-index:1000;}
.inputBoxPromptOverlay-siteid { color: #8D8D8D; position: absolute; top: 13px; left: 203px; z-index:1000;}
.dateBoxPromptOverlay { color: #8D8D8D; position: absolute; top: 7px; left: 10px; z-index:1000;}
.dateBoxPromptOverlayIE9{ color: #8D8D8D; position: absolute; top: 11px; left: 10px; z-index:1000;}

/* SEARCH DATE INPUT BOX VALIDATE*/
.inputBoxInvalid { background-color: #FF8585 !important;}

/* SEARCH RESET*/

/* search Error Message */
#audiosearchandresults_errorcontainer { padding-left:11px; padding-right:17px; padding-top:5px; }
#audiosearchandresults_error {text-align:center; }
#audiosearchandresults_closewindow_error {text-align:center; display:none; }

/* AUDIO EDIT STYLES */
#audioClipWrapper  {padding-top: 15px;  width: 710px !important;}
.clipContainer {display:none; padding: 10px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
.clip-options  {float: right; display: inline-block;}
#addNewRowButton {display:none; margin-top: 10px !important; margin-left:4px !important;}
#startColumnHeader {padding-left: 0px;}
#endColumnHeader {padding-left: 166px;}
#addNewRowButton {display:none; float: right; margin-right: 0px !important;}
#resetButton, #startEditButton {margin-right:4px !important;}
#clipStartAndEndHeaderColumn {display:none; padding-bottom: 5px; font-weight: 700;}
#renderingFileMessage {display:none; padding-left:15px; padding-right:15px;}
#errorFileMessage {display:none; padding-left:15px; padding-right:15px;}
#downloadButton {display:none; margin:10px 0px 0px 0px !important; float:right;}


#successFileMessage {display:none; padding-left:15px; padding-right:15px;}
.autioTitleTab  {background-color: #FFF;
	margin-left: 0px;
	padding: 5px 7px;
	border-left: 1px solid #c5c5c5;border-right: 1px solid #c5c5c5;border-top: 1px solid #c5c5c5;
	border-top-left-radius: 5px; -moz-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px;
	display: inline; color: #7c7c7c;}
#audioTitleHeading {font-weight:bold;}

/*Grid Hi Light Styles*/
.highlightTR {
    background-color: #99CCFF !important;
}

/*LOGIN SCREEN PWD CHANGE STYLES*/
#pwdchangecancel
{
     margin-left: 20px;
}


/*AUDIOPLAYER STYLES*/
#audioplayer_error
{
    display:none;
    text-align: center;
}


/*CHANGE PASSWORDS STYLES*/
#password_not_match_error, #check_password_error, #check_security_error, #check_security_length_error, #check_security_matching_error
{
    color:Red;
    display:none;
}
#validation_summary, .validation-summary-errors
{
    color:Red !important;
}
.memorablequestionanswersbox
{
    width:99% !important;
}

/*Document View Styles*/
#center-pane {
    height: 380px;
    margin: 0 auto;
}

#middle-pane {
    color: #000;
    background-color: #ccc;
}

#bottom-pane {
    color: #000;
    background-color: #aaa;
}

#left-pane, #center-pane, #right-pane {
    color: #000;
    background-color: #eee;
}

.pane-content {
    padding: 0 10px;
}

.feed-description
{
    width: 400px;
    padding-left: 2px;

}

.feed-title
{
    margin-top: 1px !important;
    margin-bottom: 5px !important;
}


#genericViewLoadingMessage, #genericSearchLoadingMessage {display:none; padding-left:15px; padding-right:15px;}

#searchToolTip
{
    text-align: left;
    margin-right: 20px;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

/*pop up window styles*/
.k-window-titlebar {
    font-size: 1em !important;
}

.k-grid table {
    table-layout: fixed;
}