/* minified css -- reduces file size::CTD 
******NOTE:  Dont modify min. styls :: you can add additional styles with different class name and id within COMMENTS TAG*/
@font-face {

    
}


* {
	padding: 0;
}
body{font-size: .85em;font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;color: #232323;background-color: #e7f4fd;min-width: 68em;}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix
{
    zoom: 1;
    
}
.loading-indicator
{
    width: 300px;
    height: 300px;
    background-color: transparent;
    background: url( 'ProgressBar/animation_processing.gif' );
    /*
    background: url( 'ProgressBar/480.gif' );
    background: url( 'ProgressBar/472.gif' );
    background: url( 'ProgressBar/471.gif' );
    background: url( 'ProgressBar/mani_003.gif' );
    background: url( 'ProgressBar/Proccessing.gif' );
    background: url( 'ProgressBar/graphics-work-in-progress.gif' );
    background: url( 'Icons/Bhutan_flag-gifs.gif' );
    background: url( 'ProgressBar/18egi.gif' );
    background: url( 'ProgressBar/4755.gif' );
    */
    background-repeat: no-repeat;
    background-position: center center;
}
fieldset 
{
    border:1px solid #a7bac5;
    padding:0.5em 1.4em 1.4em 1.4em;
    margin:0 0 .3em 0;
}
legend 
{
    font-size:1em;
    font-weight:normal;
    color:Blue;
}

.loading-indicator-overlay
{
    z-index: 1000;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: transparent;/* rgb(0, 0, 0);*/
    opacity: 0.6;
    filter: alpha(opacity = 60); 
    cursor: wait;
    position: fixed;
}

.pageheader
{
    font: bold 1em "Arial Narrow", "Franklin Gothic Medium", Arial;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#23538a+0,a7cfdf+100 */
background: rgb(35,83,138); /* Old browsers */
background: -moz-linear-gradient(top, rgba(35,83,138,1) 0%, rgba(167,207,223,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=0 ); /* IE6-9 */
}

/* Added the following HTML styles to allow the menu to display over top of all other div's.
* overflow:visible - needed for Firefox 3.x and IE 8.
* position:absolute; z-index:100; - needed for IE 7. */ 
.pageBody
{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+38,e1e1e1+77,f6f6f6+100 */



}   


.dotted 
{
     
      color:Blue;
      background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
      background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
      background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
      background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
      -webkit-background-size: 3px 3px;
      -moz-background-size: 3px 3px;
      background-size: 3px 3px;
  }
.rlggb
{
    opacity: 0.1;
    filter: alpha(opacity=10);
    
}


.pageheader div.title { font-size: 2em; padding: .6em; }


/*.AllpageContentHolder+.t-splitbar{background:#a7bac5; border-color: #a7bac5;}*/
.InnerSplitterStyle{height: 96.5%; width: 100%; margin:0;  border-style:none; overflow: hidden; }
.pagecontent {border-style:none;background:#f4fcfc;}
/*ul.t-menu .c-menu-right
{
    float: right;
    margin-right: 0;
}
ul.t-menu .c-menuImage
{    
    width: 22px;
    height: 22px;
}*/
.pagecontent
{
    /*f4fcfc;*/
    border-style: none;
}
div#pupolateItemForms
{
    /*opacity: 0.6;
    filter: alpha(opacity=60);For IE8 and earlier */
    margin-top: -.1em;
    border:0;
}
.sideMapNodeholder
{
    height: 1em;
    margin: 1px;
    /*background: #f4fcfc;*/
}
.sideMapNode {float:left; padding: 1px; text-decoration: underline}
.horiLine {margin-top:-5px;width:99%;}
.makBlur{opacity:0.5; cursor: pointer;}
.txtHolder{border-width: thin; font-weight: bold; border-style: inset; padding:2.5px 3em 2px 5px; margin-right: 5px;}
.lbl_Date{border-width: thin; font-weight: bold; border-style: inset; padding:2.5px 3em 2px 5px; float:right;}
#planfloating-box{
		width:90px;
		height:200px;
		border:1px solid red;
		background-color:#BBBBBB;
		float:left;
		margin-left:-100px;
		margin-right:10px;
		position:absolute;
		z-index:1;
	}
.planDuration{padding: .8em .3em 0em .3em;}
.planDate{color: #000066}
.planTitleLink{text-decoration: underline;color: #3333FF;font-weight: bold;font-size: 20px; cursor:pointer;}
.planSummeryDes{font-style:italic; margin:-5px 0 1em 0;}
.hiddenMode{display: none;overflow: hidden;clear: both; margin-top:0.5em;}
.displayMode{display: block;clear: both;}
.d-Parent-Icon{padding:4px 0 4px 2em; margin-top:1em;}
.d-Parent-Icon span{/*padding: 0 0 0 4em;background: url('Image/arrowrt.gif') left center no-repeat;*/vertical-align: middle;font-weight:bold; cursor:pointer;}
.d-parent-d{border-style:inset;border-color: #CCFFFF;background-color: #eff9fd; padding:.5em 0 0 1em;}
.dynamicDisplayTable .t-header{text-align:center; white-space: normal; font-size: 12px; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; }
.t-CustomHeader, .t-CustomHeader .t-header{background-image:none;}
.custom-Grid .t-grid-header .t-header .t-link {
    height: auto;line-height: 1.1em; margin:0;padding:0; text-align:center;
}
 
.custom-Grid .t-grid-header .t-header,
.custom-Grid .t-grid-header .t-last-header {
   white-space: normal; font-size: 12px; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; text-align:center;
}
div.t-tabstrip .rightTab
{
    float: right;
    margin-right: 0;
    margin-left: .3em;
}
div.t-tabstrip .c-tabImage
{    
    width: 22px;
    height: 22px;
}

.c-tabstrip-right .t-reset 
{
    text-align: right;
}
.c-tabstrip-left .t-reset
{
    text-align: left;    
}
.c-sec-gap
{
    padding-right:3em;
}
.c-button-counter{
    position:relative;
}
.c-counter {
	position:relative;
	padding:.2em .38em;    
	    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 1px #fffeee;
	    
	margin-left:.5em;
	background:#70CAD4;
	max-width: 5em; 
	min-width: auto; 
	color:#f30c07;	    
	    
    border: .1em solid #70CAD4; 
    -moz-box-shadow: .3em .3em 1.5em #CCC;
    -webkit-box-shadow: .3em .3em 1.5em #CCC;
    box-shadow: 6px 6px 10px #CCC;
    background: #e4f5fc; 
    background: rgb(208,228,247); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkMGU0ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiM3M2IxZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiMwYTc3ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NyUiIHN0b3AtY29sb3I9IiM1MzlmZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODdiY2VhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(208,228,247,1) 0%, rgba(115,177,231,1) 33%, rgba(10,119,213,1) 52%, rgba(83,159,225,1) 67%, rgba(135,188,234,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(208,228,247,1)), color-stop(33%,rgba(115,177,231,1)), color-stop(52%,rgba(10,119,213,1)), color-stop(67%,rgba(83,159,225,1)), color-stop(100%,rgba(135,188,234,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 33%,rgba(10,119,213,1) 52%,rgba(83,159,225,1) 67%,rgba(135,188,234,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 33%,rgba(10,119,213,1) 52%,rgba(83,159,225,1) 67%,rgba(135,188,234,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 33%,rgba(10,119,213,1) 52%,rgba(83,159,225,1) 67%,rgba(135,188,234,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 33%,rgba(10,119,213,1) 52%,rgba(83,159,225,1) 67%,rgba(135,188,234,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	border-radius:.3em;
}
.c-counter:after {
	content:"";
	position:absolute;
	border-style:solid;
	top:.5em; /* controls vertical position */
	left:-.8em; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:.3em .8em .3em 0;
	border-color:transparent #70CAD4;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
.t-customHeader
{
    border-color: #a7bac5;
    /*background: #a6d9f4 url('Vista/sprite.png') repeat-x 0 -852px;*/
}
.t-customContent
{
    border-color:#a7bac5; 
    /*background-color: #fff;  */
    border-width: 1px;
    border-style:none solid;
    margin: 0 .3em .3em;
    padding: .3em .8em;
    position: static;
    zoom: 1;
}
.c-t-intro-item
{
    color:#E6D4B8;
}
.c-t-palin-item
{
    color:#66CCFF;
}
.c-t-oba-otr
{
    color:#009933;
}
.t-Icon-ManageAcc
{
    color: #060;
	background: url(Icons/accountability-icon.gif) no-repeat .1px .1px ;
	font-size : 14px;
	padding:.2px;
	height: 25px;
	width: 25px;
	border: .5px outset;
}

.t-Icon-ReviewRep
{
    color: #060;
	background: url(Icons/Review_icon.png) no-repeat .1px .1px ;
	font-size : 14px;
	padding:.2px;
	height: 25px;
	width: 25px;
	border: .5px outset;
}

.t-Icon-SelectObservation
{
    color: #060;
	background: url(Icons/SelectObs.jpg) no-repeat .1px .1px;
	font-size : 14px;
	/*padding:.2px;*/
	padding-bottom:3px;
	height: 25px;
	width: 25px;
	border: .5px outset;
}
.t-Icon-WorkFlowHistory
{
    color: #060;
	background: url(Icons/H.gif) no-repeat .1px .1px;
	font-size : 14px;
	/*padding:.2px;*/
	padding-bottom:3px;
	height: 25px;
	width: 25px;
	border: .5px outset;
}
.t-Icon-ReportDetail
{
    color: #060;
	background: url(Icons/D.gif) no-repeat .1px .1px;
	font-size : 14px;
	/*padding:.2px;*/
	padding-bottom:1px;
	height: 25px;
	width: 25px;
	border: .5px outset;
}
.t-Icon-ReportWorkFlow
{
    color: #060;
	background: url(Icons/W.gif) no-repeat .1px .1px;
	font-size : 14px;
	/*padding:.2px;*/
	padding-bottom:5px;
	height: 25px;
	width: 25px;
	border: .5px outset;
}

.t-Icon-ManageProStatus
{
    color: #060;
	background: url(Icons/b5fc1818-37ca-4e25.png) no-repeat .1px .1px ;
	font-size : 14px;
	padding:.2px;
	height: 50px;
	width: 50px;
	border: .5px outset;
}
.t-Icon-edit
{
    color: #060;
	background: url(Icons/Review_icon.png) no-repeat ;
	font-size : 14px;
	padding:.2px;
	height: 25px;
	width: 25px;
	border: .5px outset;
}
.c-t-grouping-row
{
    padding: 2em;
    font-weight: bold;
    font-style: italic;
    color: #003366;
    text-align: justify;
    background-color: #CCCCCC;
}
.c-t-sl
{
    text-align: center;
}

.styleTextBoxAsLabel
{
   border: none;
   background-color: #fff;
   background: transparent;
}
.c-grid-editableTable{width:100%;}
.c-t-upload-files
{
    background-color: #eff7fc;
    border-color: #d2dfe6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    margin: .2em 0 0;
    padding: .3em .7em .5em;
    line-height: 1.9em;
    padding-top: 1em;
    padding-bottom: 1em;
    list-style-type: none;
    display:block;
}

#JurisAgencies .t-grid-content
{
   height:360px; 
}

.c-t-icon-generate
{
    background-position: center center;
    background-image: url('Icons/report_generate_sm.png');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}

.c-t-formate-tbl-row .c-t-formate-row-txt
{
    font-weight :bold;
    font-size:1.01em;
}
/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #a7bac5;
    padding:0.5em 1.4em 1.4em 1.4em;
    margin:0 0 .3em 0;
}
legend 
{
    font-size:1em;
    font-weight:normal;
    color:Blue;
}

textarea 
{
    border:1px solid #a7bac5;
    border-radius:5px;
}
.editor-label 
{
    margin: 1em 2.5em 0 0;
	float:left;
	width:130px;
	text-align:Left;
	font-weight:bold;    
}

.editor-field 
{
    margin:0.5em 0 .5em 0;
	text-align:left;	
	color:Blue;
}
.telerik_dropdown
{
    width:20em;
    min-width:10em;
    max-width:30em;
}

.c-label-textbox
{
    padding: 0px 0px 0px 5px;
    background-color: transparent;
    border-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    border: 0px none;
    outline: 0;
}
/* telerik
-----------------------------------------------------------*/
div.t-dropzone {
    border: 1px solid #d2dfe6; /* For Vista; Different for each theme */
}

div.t-dropzone em {
    visibility: visible;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

/*for risk register only (starts here) */
.validation-summary-success
{
    font-weight: bold;
    color: Green;
}

.validation-summary-errorss
{
    font-weight: bold;
    color: #ff0000;
}

/*for risk register only (ends here) */
.validation-summary-successs
{
    font-weight: bold;
    color: Green;
}

.validation-summary-valid
{
    display: none;
}

/***************************************************************************************************************/
/* Notification styles
-----------------------------------------------------------*/
#messagewrapper
{
    /*position: fixed;
    z-index: 1000000;
    margin: auto auto 5px auto;
    width: 500px;
    bottom: 20%;
    right: 30%;
    display: none;*/
    position: fixed;
    z-index: 1000000;  
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
    padding:10px 10px 10px 36px;
    margin: auto auto 5px auto;
    width: 500px;
    bottom: 20%;
    right: 30%;
                 
}

#messagewrapper .messagebox
{
	padding: 2em  1em 2em 3.5em;
	box-shadow: 5px 5px 10px #000000;
	border-radius:10px;
}

#messagewrapper .success
{
    color: green;
	background:#e9ffd9 url('../Content/Image/success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}

#messagewrapper .information
{
    color: #000066;
    background: #66CCFF url(Icons/Information.png) no-repeat .5em 1.67em;
}

#messagewrapper .warning
{
	color: #c60;
	background: #ffc url(Icons/warn.gif) no-repeat 1.2em 2.17em;
}

#messagewrapper .error
{
	color: #c00;
	background: #fcc url(Icons/fail.gif) no-repeat 1.2em 2.26em;
}
/***************************************************************************************************************/
.c-t-asOld-data
{
    font-weight: bold;
}
.c-t-asNew-data
{
    font-weight: normal;
}
#CommonIdGenerationDetails th,#CommonIdGenerationDetails td{width:5em;}

fieldset.c-style-fieldset,
legend.c-style-legend
{
    border-radius: 10px;
    display: block;
    margin-left: 3px;
    padding-top: 2px;
    font-family: arial, sans-serif;  
}
fieldset.c-style-fieldset
{    
    margin: 8px 20px;
    padding: 10px 20px 15px 20px ;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    border: .5px groove threedface;
}
legend.c-style-legend
{
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.75);
    border-style: inset;
    border-width: thin;
    font-weight: bold;
    color: #000000;
    padding: 4px 8px;
    background-color: #ffe;
    font-size: 80%;
}
.c-style-in-width
{   
    min-width: 17em;     
    width: 32%;    
    *width: 17em;
    float:left; 
    padding-right:1em; 
}
ul.c-style-ulStyle
{
    list-style-type: none;
    margin-left:0;
    padding:0;
}

.plan_year_as_lable
{
   margin:0;border:none; width:100%; background:#fff; 
}

/*****************dashboard AR************************/
.c-t-ar-container{
    display:table;
    width:90%;
    border-collapse: collapse;
 }
 .c-t-ar-table-row{  
     display:table-row;
 }
 .c-t-ar-col-l{ 
	display:table-cell;
	padding: 5px;
 	/*border: 1px solid #CCC;*/
    text-align: right;
 }
 .c-t-ar-col-r{ 
	display:table-cell;
	padding: 5px;
 	/*border: 1px solid #CCC;*/
    text-align: left;
 }

/*********Editable Grid Style **************/
table.editableTable{border-collapse:collapse; margin-top:0.3em;border-style:solid;border-color:#a7bac5;border-width:1px;}
table.editableTable td.editableTableData{border-style:solid;border-color:#a7bac5;border-width:1px;}
table.editableTable th.editableTableHeadData{border-style:solid;border-color:#a7bac5;border-width:1px;background-color:Teal;}
.tableDataInputField{margin:0;border:none; width:100%;}

/*****************************************************************************************************************************/

.pagefooter{padding:1em; font-family: Arial, Helvetica, sans-serif;/*color: #333333; background: #a7bac5;*/font-size: 9.5px;text-transform: uppercase;text-align: center;
             color:#CCFFFF; z-index:100; /**navy**/
             background-color: #a7bac5;
             background: -moz-linear-gradient(45deg, #c8fcf4, #065ab7, #014da2, #0354af,  #0d64c4, #c8fcf4) repeat scroll 0 0 transparent;
             background: -webkit-linear-gradient(45deg, #c8fcf4, #065ab7, #014da2, #0354af,  #0d64c4, #c8fcf4) repeat scroll 0 0 transparent;
    
            }
.pagefooter p{margin: auto;line-height: normal;}
/*.pagefooter+.t-splitbar{border-width: 0;border-style:none;height:0px;visibility:collapse;}background:#587194;color: #ffffff;*/



/***********************Tshering wangchuk is using the following styles***************************************************************/

.div-left{float:left; width:auto; margin-right:1em;padding:.2em .2em .2em .2em;text-align:right; display:inline-block;}
.ap-label {width: 180px; text-align: right; float: left; margin:0 10px 10px 0;}
.ap-editor { width:auto; margin: 0 0 10px 10px;}
.div-right { text-align:right;}
.ap-align-label{margin-right:1em; float:left; width:100px; text-align:right;vertical-align:middle;}
.ap-align-Text{width:200;}
.ap-align-button { vertical-align:top;}

input[type="text"]{ border:1px solid #a7bac5; border-radius:4px;}

.error{color:Red; }

span.error
{
    border: thin inset #FF0000;
}
input.error, select.error, div.error, table.error, td.error
{
    border-color: Red;
    border-style: solid;
    border-width: 1px;
}/*
div.error {  the .error class is automatically assigned by the plug-in 
     font-size: 10px;
     width: 288px;
     text-align: center;
     display: inline;
     float: left;
     position: fixed;
     z-index: 1;
     padding: 2px;
     margin-left: 6px;
     background-color: #fcd6cf;
     border: 1px solid #bb1124;
     display: none;
}*/
.t-editor .t-editable-area-error{outline:0;height:100%;width:100%;border-width:1px;border-style:solid; border-color:Red;}

.wfComment{width:53em;}

.cLegend{border:1px solid #a7bac5; border-radius:5px; text-transform:uppercase; color:#fff; background-color:#56809e;}

.toggleButton1{ background-color:#c8e8f8;border:1px solid #a7bac5; border-radius:5px 5px 0 0;  cursor:pointer; height:25px; padding:5px 3px 3px 5px; font-weight:bold;margin-top:5px; } 
.toggleDetail1{ border:1px solid #a7bac5; display:none; margin-bottom:5px; padding:5px 5px 5px 5px; }
.toggleButton2{ background-color:#c8e8f8;border:1px solid #a7bac5; border-radius:5px 5px 0 0;  cursor:pointer; height:25px; padding:5px 3px 3px 5px; font-weight:bold;margin-top:5px;} 
.toggleDetail2{ border:1px solid #a7bac5; display:none; margin-bottom:5px; padding:5px 5px 5px 5px; }

/* Stypes for Code File Type */
input[name="CommonCodeFile.FileId"] {margin-left:30px;margin-bottom:5px;}
label[for="fkModuleId"] {padding-bottom:40px;}
.CommonCodeFile_fkModuleId {margin-top:5px;width:160px;}
input[name="CommonCodeFile.Name"] {margin-left:10px;margin-top:5px;}

/* Stypes for Work Flow */
input[name="CommonWorkFlow.Name"] {margin-left:48px;margin-top:5px;}
input[name="CommonWorkFlow.TableName"] {margin-left:13px;margin-top:5px;}

#CommonWorkFlowLevels_AAAAA__WorkFlowLevel {width:50px}
#CommonWorkFlowLevels_AAAAA__fkAppointmentDesigId {width:200px}
#CommonWorkFlowLevels_AAAAA__Responsibility {width:200px}
#CommonWorkFlowLevels_AAAAA__ReportingBoss {width:200px}

/* Stypes for ID Generation */
input[name="CommonIdGeneration.Name"] {margin-left:4px;margin-top:5px;}
#CommonIdGenerationDetails_AAAAA__SortOrder {width:100px}
#CommonIdGenerationDetails_AAAAA__Criteria {width:100px}
#CommonIdGenerationDetails_AAAAA__Length {width:100px}
#CommonIdGenerationDetails_AAAAA__Criteria {width:100px}
#CommonIdGenerationDetails_AAAAA__CriteriaId {width:150px}
#CommonIdGenerationDetails_AAAAA__Value {width:100px}
#CommonIdGenerationDetails_AAAAA__AutoIncrementDependency {width:200px}

/* Stypes for Report Configuration */
.report_configuration label[for="fkModuleId"] {margin-right:31px;}
.report_configuration label[for="Code"] {margin-right:20px;}
.report_configuration label[for="Title"] {margin-right:7px;}
.report_configuration label[for="FileName"] {margin-right:16px}

/*styles for consolidated QA review form*/
.consolidated-QAReview-Fieldset{ padding:10px; border:1px solid #a7bac5; line-height:10px; margin:3px; }
.consolidated-QAReview-Legend{ padding:7px; border:1px solid #a7bac5; font-weight:bold;background:#0aaacc; color:#fff; border-radius:8px;}

/*styles for consolidated QA review form ends*/

.btn {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #676c70;
  padding: 11px 19px 11px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.hoverTable{
		width:100%; 
		border-collapse:collapse; 
	}
	.hoverTable td{ 
		padding:7px; border:#4e95f4 1px solide;
	}
	th, td {
        border-bottom: 1px solid #ddd;
    }
    tr:nth-child(even) {background-color:#E6E6E6}
    tr:nth-child(odd) {    background: #F2F2F2 }
	/* Define the default color for all the table rows */
	
	/* Define the hover highlight color for the table row */
    .hoverTable tr:hover {
          background-color: #58ACFA;
    }

.ui-widget-header
{
  background:silver
}
.downloadbg
{
   background: url(Icons/download.gif) no-repeat;
     display: block;
     width: 30px;
     height: 30px;
     
	
}
/*DAILOG CSS*/
.ui-dialog-titlebar
{
    
    height:2em;
    background-color:Black;
    width:100%; 
}
.ui-icon
{
   color:White;    
}
.ui-dialog
{
    width:100%;
    height:100%;    
}
.ui-dialog-content
{
    width:90%;    
}
/*NOTIFICATION CSS*/
.alert-box {
    color:#555;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
    padding :10px 10px 10px 36px;
    margin:10px;
}
.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
}
.error {
    /*background:#ffecec url(Icons/error.png) no-repeat 10px 50%;*/
    border:1px solid #f5aca6;
}
.warning {
    background:#fff8c4 url('Icons/warn.gif') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
.notice {
    background:#e3f7fc url('Icons/notifyIcon.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
}
.excel {
   
    background-image: url('Icons/excel.jpg');
}
.TitleLegend {
    background:#2E9AFE url('Icons/notifyIcon.png') no-repeat 10px 50%;
    border:1px solid #0404B4;
}
.errotextColor
{
    color:Red;    
}
.inv-Legend 
{
  background:#2E9AFE no-repeat;
  border:1px solid #0404B4;
}
.successTextColor
{
    color:Green;    
}
/*LEGEND STYLE*/
.Legend-style
{
    background: #f0f9ff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2NiZWJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWRiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-8 */
    border: 0.5px solid #07accf;
    border-radius: 2px 2px 2px 2px;
    width:auto;
    font-size: 1em;
    font-weight: bold;
    margin-right: 5px;
    color:Black;
    padding: 4px 10px;
    text-align:center;
    -webkit-box-shadow: 2px 2px 3px rgba(40, 40, 40, 0.75);
    -moz-box-shadow: 2px 2px 3px rgba(40, 40, 40, 0.75);
     box-shadow: 2px 2px 3px rgba(40, 40, 40, 0.75);
}
.columnStyle
{
     background-color:#8ed9f6;    
    
}
#AddItemForm
{
	padding:  .2px .2px .2px;
	width:100%;
	overflow:hidden;
	 padding-left:2em;
     padding-top:2em;
}
/*NEW LINE TO ADD*/
.InvReportColum1
{
	width:8%;
	float:left;
	/*background:blue;*/	
	margin:0;
	position:relative;	
	border:5;
	
}
.InvReportColum2
{
	border:1;
	width:90%;
    padding-left:0em;
	/*background : blue;*/
	position:relative;
	
}
.AddItemColumn1
{
	width:15%;
	float:left;
	/*background:blue;*/
	padding:.5em;
	margin:0;
	position:relative;	
	border:5;
	
}
.AddItemColumn2
{
	border:1;
	width:90%;
	padding:.5em;
	/*background : blue;*/
	position:relative;
	
}
.ddlColum1
{
	width:70%;
	float:left;
	/*background:blue;*/
	padding:.5em;
	margin:0;
	position:relative;	
	border:5;
	
}
.ddlColum2
{
	border:1;
	width:15%;
	padding:.5em;
	/*background : blue;*/
	position:relative;
	
}