/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */

body {
	margin: 0;
	padding-bottom: 2em;
	background-color: 	#f5f5f5 !important; /* #ccccff */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 2px solid #B51032;
}

/* Header Section */

#header {
	border-top: 3px solid #B51032;
	border-bottom: 1px dotted #B51032;
	height: 3em;
    height:47px;
}
#header .title {
	font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
    font-size:12pt;
    font-weight:700;
    margin-top:5px;
}
#content .breadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:normal;
    margin-top: -25px; /* needed after menu moved to left - Hammad*/
}

#header a:link, a:visited  {
	color: #B51032;
}

/* Navigation */

#navigation {
	top: 5em;
	left: 1em;
	width: 20em;	
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #ED9F9F;
}
#navigation li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #711515;
	border-right: 1px solid #711515;
	background-color: #B51032;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #711515;
	color: #FFFFFF;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:hover {
	background-color: #711515;
	color: #FFFFFF;
}

#navigation ul ul ul {
	margin-left: 24px;
}
/* Main Content */

#content 
{
	margin-top:1em;
	margin-left: 10px;
	margin-right: 5px;
    min-height:350px;
}
h1 {
	font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}

/*#content p {
	font-size: 80%;
	line-height: 1.6em; 
}*/

#content ul {
	font-size: 95%;
	line-height: 1.6em; 
}

.pull_left{
    float:left;
}

#ctl00_MainContent_btnUpdateGridView{
    background-color:lightblue;
    margin:15px;
    font-size:18px;
}

.vfm_report{
    background-color:blue;
    font-weight:bold;
    color:white;
    line-height:30px;
}
.vfm_section{
    background-color:rgb(0,174,240);
    font-weight:bold;
    color:white;
    border-color:black;
}

.box14 {
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    width:250px;
    height:140px !important;
    line-height:40px !important;
    float:left;
    padding:25px;
    text-align:center;
    margin:10px;
}

.box14 h2{
    font-size:14pt;
    font-weight:bold;
}

.logout_link{
    font:90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    float:right;
    margin-top:22px;
    margin-right:50px;
}

.spacer50{
    height:10px; width:50px;
    display:inline-block;
}
.cmttablediv table {
            background-color: White;
            border-color: #E7E7FF;
            border-width: 1px;
            border-style: None;
            font-size: Small;
            width: 100%;
            border-collapse: collapse;
        }

            .cmttablediv table tr:first-child {
                color: #F7F7F7;
                background-color: #4A3C8C;
                font-weight: bold;
            }            
            .cmttablediv table tr {
                color: #4A3C8C;
                background-color: #F7F7F7;
            }

/* Experiment 1*/
   @import "http://fonts.googleapis.com/css?family=Montserrat:300,400,700";

        .rwd-table {
            margin: 1em 0;
            min-width: 300px;
            width:100%;
        }

            .rwd-table tr {
                border-top: 1px solid #ddd;
                border-bottom: 1px solid #ddd;
            }

            .rwd-table th {
                display: none;
            }

            .rwd-table td {
                display: block;
                text-align:center;
            }

                .rwd-table td:first-child {
                    padding-top: .5em;
                }

                .rwd-table td:last-child {
                    padding-bottom: .5em;
                }

                .rwd-table td:before {
                    content: attr(data-th) ": ";
                    font-weight: bold;
                    /*width: 6.5em;*/
                    display: inline-block;
                }

        @media (min-width: 480px) {
            .rwd-table td:before {
                display: none;
            }
        }

        .rwd-table th, .rwd-table td {
            text-align: center;
        }

        @media (min-width: 480px) {
            .rwd-table th, .rwd-table td {
                display: table-cell;
                padding: .25em .5em;
            }

                .rwd-table th:first-child, .rwd-table td:first-child {
                    padding-left: 0;
                }

                .rwd-table th:last-child, .rwd-table td:last-child {
                    padding-right: 0;
                }
        }

        body {
            padding: 0 2em;
            font-family: Montserrat, sans-serif;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
            color: #444;
            background: 	#ccccff
        }

        h1 {
            font-weight: normal;
            letter-spacing: -1px;
            color: #34495E;
        }

        .rwd-table {
            background: #34495E;
            color: #fff;
            border-radius: .4em;
            overflow: hidden;
        }

            .rwd-table tr {
                border-color: #46637f;
            }

            .rwd-table th, .rwd-table td {
                margin: .5em 1em;
            }

        @media (min-width: 480px) {
            .rwd-table th, .rwd-table td {
                padding: 1em !important;
            }
        }

        .rwd-table th, .rwd-table td:before {
            color: #dd5;
        }

        
/* end experiment 1*/

table td, th {
    text-align:center;
}
.btn_update{
border:1px solid #72021c; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 5px 5px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #a90329; background-image: -webkit-gradient(linear, left top, left bottom, from(#a90329), to(#6d0019));
 background-image: -webkit-linear-gradient(top, #a90329, #6d0019);
 background-image: -moz-linear-gradient(top, #a90329, #6d0019);
 background-image: -ms-linear-gradient(top, #a90329, #6d0019);
 background-image: -o-linear-gradient(top, #a90329, #6d0019);
 background-image: linear-gradient(to bottom, #a90329, #6d0019);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a90329, endColorstr=#6d0019);
}

.btn_update:hover{
 border:1px solid #450111;
 background-color: #77021d; background-image: -webkit-gradient(linear, left top, left bottom, from(#77021d), to(#3a000d));
 background-image: -webkit-linear-gradient(top, #77021d, #3a000d);
 background-image: -moz-linear-gradient(top, #77021d, #3a000d);
 background-image: -ms-linear-gradient(top, #77021d, #3a000d);
 background-image: -o-linear-gradient(top, #77021d, #3a000d);
 background-image: linear-gradient(to bottom, #77021d, #3a000d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#77021d, endColorstr=#3a000d);
}

.grad {
    background: -moz-linear-gradient(90deg, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,128,128,1)), color-stop(100%, rgba(153,218,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#99DAFF',GradientType=0 ); /* ie6-9 */
}

.prev_next{
    float:right;
}

.DocTable th{
    padding:5px;
    height:30px;
    color:white;
    background-color:grey;
    border:1px solid black;
    
}
.DocTable td{
    padding:5px;
}
hr {
    color:wheat;
    border:1px solid black !important;
}

.export2Excel
{
    float:right;
}

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

        table.tblMenu {
            color: #333;
            font-family: sans-serif;
            font-size: .8em;
            font-weight: 300;
            text-align: left;
            line-height: 30px;
            border-spacing: 0;
            border: 2px solid #975997;
            width: 750px;
            margin: 20px auto;
        }

        table.tblMenu2 {
            color: #333;
            font-family: sans-serif;
            font-size: .8em;
            font-weight: 300;
            text-align: left;
            line-height: 30px;
            border-spacing: 0;
            border: 2px solid #975997;
            width: 265px;
            margin: 10px;
            float:left;
        }

        table.tblMenu thead tr:first-child,table.tblMenu2 thead tr:first-child {
            background: #975997;
            color: #fff;
            border: none;
        }

       table.tblMenu th,table.tblMenu2 th {
            font-weight: bold;
        }

            th:first-child, td:first-child {
                padding: 0 15px 0 20px;
            }

       table.tblMenu thead tr:last-child th {
            border-bottom: 3px solid #ddd;
        }

        table.tblMenu tbody tr:hover {
            background-color: #ffeeff;
        }

        table.tblMenu tbody tr:last-child td {
            border: none;
        }

       table.tblMenu tbody td {
            border-bottom: 1px solid #ddd;
            text-align:center;
        }

        table.tblMenu td:last-child {
            text-align: center;
            padding-right: 10px;
            
        }

        table.tblMenu .button {
            color: #696969;
            padding-right: 5px;
            cursor: pointer;
        }

        table.tblMenu .alterar:hover {
            color: #0a79df;
        }

        table.tblMenu .excluir:hover {
            color: #dc2a2a;
        }

        table.tblMenu a, table.tblMenu2 a{
            text-decoration:none;
        }
        table.tblMenu a:hover, table.tblMenu2 a:hover{
            text-decoration:underline;
        }


.target_achieved{
    background-color:#00CC33 !important;
    color:white;
    font-weight:bold;
}
.target_ontrack{
    background-color:lightgreen !important;
    color:white;
    font-weight:bold;
}
.target_Underachieved{
    background-color:yellow !important;
    color:white;
    font-weight:bold;
}

.header_row{
    background-color:#ae75ae  ;
    color:black;
    font-weight:700;
}

tr.header_row td a {
    color:black !important;
}

.policy_header{
    background-color:#975997  !important;
    color:white;
    font-weight:bold;
}

.check_box {
    display:none;
}

span.CheckBox input{
    background:url('/images/checked.png') no-repeat;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}

span.CheckBox input{
    background:url('/images/checked.png') no-repeat;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}
/*************** other CSS   *************/

.footer{
    clear:both;
}

/*body {
    

background: rgba(242,246,248,1);
background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(224,239,249,1) 30%, rgba(181,198,208,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(30%, rgba(224,239,249,1)), color-stop(100%, rgba(181,198,208,1)));
background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(224,239,249,1) 30%, rgba(181,198,208,1) 100%);
background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(224,239,249,1) 30%, rgba(181,198,208,1) 100%);
background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(224,239,249,1) 30%, rgba(181,198,208,1) 100%);
background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(224,239,249,1) 30%, rgba(181,198,208,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#b5c6d0', GradientType=0 );

}*/

hr.style-two { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

table[id*='GridView'] th
{
    line-height:25px;
}

#Menu1
{
    margin-top:10px;
    margin-right:40px;
    /*float:right !important;*/
}

/*
.option_pnl{
    border:1px solid grey;
    padding:6px;
    box-shadow:1px 1px 3px;
    border-radius:5px;
}

.report_pnl{
    border:1px solid grey;
    padding:6px;
    box-shadow:1px 1px 3px;
    border-radius:5px;
    background-color:gold;
    display:inline-block;
    margin-top:30px;
}
select{
    padding:5px;
    border-radius:5px;
}
select option{
    padding:3px;
}
 */

.report_heading{
    text-align:center;
}

.avg_column{
    width:200px;
    display:inline-block;
}

.bare_link{
    text-decoration:none;
}

.bare_link:hover{
    text-decoration:underline;
    background-color:yellow;
}

.goback_link{
    margin-top:-45px;
    margin-bottom:40px;
    float:left;
}
/*.ajax__tab_header{
    height:34px !important;
}*/

#Menu1 ul li a.selected{
    /*border:1px solid #165EA9;*/
    /*border: 2px solid #B51032 !important;*/
    background-color:#B51032 !important;
    color:white;
}

.report_pnl{
    background-color:yellow;
    padding:5px;
    border-radius:3px;
    box-shadow:1px 1px 10px;
}

.addl_indicators_ul{
    list-style:none;
}

.addl_indicators_ul li a{
    text-decoration:none;
}
.addl_indicators_ul li a:hover{
    text-decoration:underline;
}

.table tbody tr > td.success {
  background-color: #dff0d8 !important;
}

#my_container {
background-color: white;
padding: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px 5px;
-webkit-box-shadow: 5px 5px 10px 5px;
box-shadow: 5px 5px 10px 5px;
}

table th{
    text-align:center;
}

.helpful_link{
    background-color:lightyellow;
    padding:3px;
    /*clear:right;*/
}

.center{
    text-align:center;
    display:block;
}