/* Generic stuff - need to tackle at later point of time
----------------------------------------------------------*/

body
{
    background: #326373;
    font-family: 'Verdana';
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    color: #000000;
}

a:link, a:visited
{
    color: #000000;
    text-decoration: none;
}

a:hover
{
    color: #008080;
    text-decoration: none;
}

a:active
{
    color: #000000;
    text-decoration: none;
}

.rel
{
    position: relative;
    zoom: 1; /* For IE6 */
}

/* header related css */
.header .headerimage
{
    width: 100%;
    vertical-align: bottom;
}

.header .navbar
{
    background-position: 1px 0x;
    height: 25px;
    width: 100%;
    background-image: url('../images/redesign/topnavbar.png');
    background-repeat: repeat-x;
    float: left;
    position: relative;
}


.header .navbar .userstatus
{
    color: White;
    display: inline-block;
    float: right;
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
}

.header .navbar .userstatus a
{
    color: White;
    text-decoration: none;
}

.header .navbar .userstatus span
{
    padding-right: 3px;
}
.header .navbar .applicationtitle
{
    color: White;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 2px;
}

.header .tabcontainer .tab
{
    cursor: pointer;
    color: Black;
    margin-right: 1px;
    float: left;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    height: 40px;
    width: 190px;
    line-height: 40px;
    padding: 0 5px;
    position: relative;
    background-image: url('../images/redesign/buttonnormal.png');
    background-repeat: repeat-x;
}

.header .tabcontainer .tab:hover
{
    background-image: url('../images/redesign/buttonhover.png');
    background-repeat: repeat-x;
}

.header .tabcontainer .tab .tabmarker
{
    display: none;
}

.header .tabcontainer .tabactive
{
    background-color: #D0E9F2;
}

.header .tabcontainer .tabactive .tabmarker
{
    display: inline;
    position: absolute;
    bottom: -1px;
    border: none;
}
/*end of header related css */

/*footer related css */

.footercontainer
{
    margin: 0px;
    overflow: hidden;
}


.footercontainer .footerlinks
{
    margin: 10px 0px 0px 0px;
    text-align: center;
}



.footercontainer .footerlinks a
{
    color: White;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: white;
    padding: 0px 10px 0px 10px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.footercontainer .footerlinks a:first-child
{
    border: none;
}

.footercontainer .footerauth
{
    color: White;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}


/*End of footer related css */

/* content container related styling*/

/*.contentcontainer .grid_1, .contentcontainer .grid_2, .contentcontainer .grid_3, .contentcontainer .grid_4, .contentcontainer .grid_5, .contentcontainer .grid_6, .contentcontainer .grid_7, .contentcontainer .grid_8, .contentcontainer .grid_9, .contentcontainer .grid_10, .contentcontainer .grid_11, .contentcontainer .grid_12, .contentcontainer .grid_13, .contentcontainer .grid_14, .contentcontainer .grid_15, .contentcontainer .grid_16
{
    background-color:White;
}*/

.contentcontainer
{
    background: white;
    padding: 5px 0px;
}

.contentcontainer
{
    font-size: 12px;
    color: black;
}

.contentcontainer .background
{
    width: 940px;
    height: 100%;
    position: absolute;
    top: 0px;
    background: white;
    z-index: -1;
}


.contentcontainer .sectionalbackground
{
    width: 940px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 10px;
    background: grey;
    z-index: -1;
}

.mastercontainer
{
    max-width: 940px;
    margin: auto;
}

.fullwidth
{
    width: 100%;
}

.onethird
{
    width: 33%;
    float: left;
}

/* Dont change these or modify these*/

.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:before, .clearfix:after, .container_16:before, .container_16:after
{
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.clearfix:after, .container_16:after
{
    clear: both;
}

.clearfix, .container_16
{
    zoom: 1;
}

/* End of Dont change these or modify these*/

/* Field styling */


.fieldmastercontainer
{
    font-size: 12px;
}

.fieldcontainer
{
    margin: 10px;
}

.validationerrors
{
    margin: 0px auto;
    width: 90%;
    text-align: center;
    color:Red;
    font-style:italic;   
}

.informational
{
    font-style: italic;
}

.validationerrors .message
{
    margin: 5px 0px;
    color: yellow;
    font-size: 11px;
    font-weight: bold;
}

.fieldmastercontainer .fieldcontainer
{
    margin: 20px 5px;
}

.fieldmastercontainer .fieldcontainer
{
}


.fieldmastercontainer .fieldcontainer .fieldlabel
{
    width: 45%;
    text-align: right;
    display: inline-block;
    padding: 0px 5px 0px 0px;
    vertical-align: middle;
    font-weight: bold;
}

.fieldmastercontainer .fieldcontainer .fieldlabel label
{
    vertical-align: middle;
}

.fieldmastercontainer .fieldcontainer .fieldinput
{
    width: 53%;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.fieldmastercontainer .fieldcontainer .fieldinput > span
{
    margin: 0px 10px 0px 0px;
}

.fieldmastercontainer .fieldcontainer .fieldinput > .errorMessage
{
    margin: 0px 5px 0px 0px;
    display:none;
}


.fieldmastercontainer .fieldcontainer .fieldinput .newline input
{
    clear: left;
    float: left;
}

.fieldmastercontainer .fieldcontainer .fieldinput .newline label
{
    vertical-align: middle;
}

.fieldmastercontainer .fieldcontainer .fieldinput .newline
{
    margin: 0px 0px 10px 0px;
}

.fieldmastercontainer .fieldcontainer .fieldinput input[type=text], input[type=password], input[type=date], input[type=number], textarea
{
    min-width: 250px;
    height: 25px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #2f3132;
    border: none; /*-moz-box-shadow: inset 1px 1px 2px #000000;     -webkit-box-shadow: inset 1px 1px 2px #000000;     box-shadow: inset 1px 1px 2px #000000;  */
    margin: 0px;
    border: 1px solid black;
    vertical-align: middle;
}

.fieldmastercontainer .fieldcontainer .fieldinput input[type=radio]
{
    /*vertical-align: middle;*/
    margin:0px 10px;
}

.fieldmastercontainer .fieldcontainer .fieldinput select
{
    height: 25px;
    min-width: 250px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #2f3132; /*-moz-box-shadow: inset 1px 1px 2px #000000;     -webkit-box-shadow: inset 1px 1px 2px #000000;     box-shadow: inset 1px 1px 2px #000000;  */
    margin: 0px;
    border: 1px solid black\9;
    vertical-align: middle;
}

.fieldmastercontainer .fieldcontainer .fieldinput textarea
{
    height: 100px;
}

.fieldmastercontainer .fieldcontainer .fieldinput input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=number]:focus, textarea:focus
{
    background-color: #E8E9B4;
    -moz-box-shadow: inset 2px 2px 10px #E8E9B4;
    -webkit-box-shadow: inset 2px 2px 10px #E8E9B4;
    box-shadow: inset 2px 2px 10px #E8E9B4;
}

.fieldmastercontainer .fieldcontainer .fieldinput label.error
{
    color: yellow;
    display: inline;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding-left: 5px;
    text-align: inherit;
    width: auto;
}

.newline input
{
    float: left;
}

.newline label
{
    display: block;
}
.centeredelement
{
    width: 100%;
    text-align: center;
}

.disclaimertext
{
    
    text-align: left;
    font-style: italic;
    font-size: 9px;
    color: #808000;
    margin:10px ; 
}

.disclaimertext h2
{
    font-weight: bold;
    font-style: italic;
}

.hiddensection
{
    display: none;
}

.breathetopbottom
{
    margin: 10px 0px;
}

.breatheextratopbottom
{
    margin: 25px 0px;
}


.fiftyfiftyleft
{
    width:48%;
    float:left; 
    display:inline-block;
    *display:inline;
}

.fiftyfiftyright
{
    width:48%;
    float:right; 
    display:inline-block;
    *display:inline;
}

.fiftyfiftyleft .fieldmastercontainer .fieldcontainer .fieldinput, .fiftyfiftyright .fieldmastercontainer .fieldcontainer .fieldinput
{
    width:50%;
    *display:inline;
}

.fiftyfiftyleft .fieldmastercontainer .fieldcontainer .fieldlabel, .fiftyfiftyright .fieldmastercontainer .fieldcontainer .fieldlabel
{
   *display:inline;
}



.ieatable
{
    width: 99%;
    margin: 10px auto;
    border: 1px solid;
    border-collapse: collapse;
    font-size: 12px;
}

.overridewidth
{
    width: auto;
}

.ieatable th
{
    text-align: left;
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px solid grey;
    border-style: solid none solid none;
    border-width: 1px;
}

.ieatable td
{
    text-align: left;
    padding: 5px;
    border: 0px;
}

.ieatable td input[type=image]
{
    height:20px;
    width:20px;
}

.ieaevenrow
{
    background-color: #A0B5BD; 
}


/*Iea table has a nested pager table in gridviews */

.ieatable table
{
    margin:0px auto;
}

.ieatable table span
{
    font-weight: bold;
    border-bottom:1px solid black;
}


/*End of iea nested table styling*/

.hide
{
    display: none;
}

.section
{
    border: 1px solid;
    width: 98%;
    margin: 10px auto;
}

.button
{
    color: black;
    display:inline-block;
    padding: 5px;
    border: 1px solid black;
    background: #7194b7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  #7194b7 0%, #4f85bb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7194b7), color-stop(100%,#4f85bb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7194b7 0%,#4f85bb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7194b7 0%,#4f85bb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7194b7 0%,#4f85bb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7194b7 0%,#4f85bb 100%); /* W3C */
    font-weight: bold;
    font-size: 12px;
    margin:5px 5px;
    cursor:pointer;
}

.button:hover
{
    color: black;
    background: #4f85bb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  #4f85bb 0%, #7194b7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f85bb), color-stop(100%,#7194b7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4f85bb 0%,#7194b7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4f85bb 0%,#7194b7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4f85bb 0%,#7194b7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4f85bb 0%,#7194b7 100%); /* W3C */
}

.buttonred
{
    color: black;
    padding: 5px;
    border: 1px solid black;
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C */
    font-weight: bold;
    font-size: 12px;
    margin: 0px 5px;
    cursor:pointer;
}

.buttonred:hover
{
    background: #cf0404; /* Old browsers */
    background: -moz-linear-gradient(top, #cf0404 0%, #ff3019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0404), color-stop(100%,#ff3019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cf0404 0%,#ff3019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cf0404 0%,#ff3019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cf0404 0%,#ff3019 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cf0404 0%,#ff3019 100%); /* W3C */
}

.buttongreen
{
    color: black;
    padding: 5px;
    border: 1px solid black;
    background: #8fc400; /* Old browsers */
    background: -moz-linear-gradient(top, #8fc400 0%, #8fc400 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#8fc400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8fc400 0%,#8fc400 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8fc400 0%,#8fc400 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8fc400 0%,#8fc400 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8fc400 0%,#8fc400 100%); /* W3C */
    font-weight: bold;
    font-size: 12px;
    margin: 0px 5px;
    cursor:pointer;
}

.buttongreen:hover
{
    background: #8fc400; /* Old browsers */
    background: -moz-linear-gradient(top, #8fc400 0%, #8fc400 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#8fc400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8fc400 0%,#8fc400 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8fc400 0%,#8fc400 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8fc400 0%,#8fc400 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8fc400 0%,#8fc400 100%); /* W3C */
}


.informationalalert
{
    margin: 0px 5px;
    color: black;
    background-color:#faa938;
    padding: 5px 15px;
    background: -moz-linear-gradient(
		top,
		#faa938 0%,
		#f8960c);
    background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#faa938),
		to(#f8960c));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #8a7923;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
}


.highlight
{
    margin: 0px 5px;
    color: black;
    background-color:#ECEAE8;
    padding: 5px 15px;
    background: -moz-linear-gradient(
		top,
		#ECEAE8 0%,
		#D1D0CE);
    background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ECEAE8),
		to(#D1D0CE));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #8a7923;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
}


.alertalert
{
    margin: 0px 5px;
	color: #ffffff;
	padding: 5px 15px;
	background-color:#ff0000;
	background: -moz-linear-gradient(
		top,
		#ff0000 0%,
		#a10000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff0000),
		to(#a10000));
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 0px solid #ffffff;
	-moz-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,000,217,1);
	-webkit-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,000,217,1);
	box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,000,217,1);
	text-shadow:
		1px 1px 1px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0);   
}

.textblock
{
    padding:10px;
}


.inline_content
{
    padding:25px;
    min-width:150px;
    min-height:150px;
    text-align:center;
}


.inline_content .title
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    margin: 20px 0px;
}


.reportsfix
{
    min-height: 768px;
    clear:both;
    content:'';
}

/************ Accordion Related Styles ***********************/
.accordioncontainer
{
    width: 98%;
    margin: 0px auto;
    overflow:hidden;
}

.accordionHeader 
{
    height: 25px;
    width: 100%;
    background-image: url('../images/redesign/topnavbar.png');
    background-repeat: repeat-x;
    color: White;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    line-height:25px;
    cursor:pointer;
   
}

.accordionHeader > span
{
    margin:0px 0px 0px 20px;
}

.accordionContent
{
    background-color:#EBEEF0;
    border-top: none;
    border-width: 1px;
    border-style: none solid solid solid;
    min-height:100px;
        font-size: 12px;
}
/* End accordion styling*/

.browserimages table
{
    border-collapse: collapse;
    width: 90%;
    margin: 0px auto;
    text-align: center;
    font-size: 12px;
}

.browserimages table td img
{
    width:150px; 
}

.browserimages table tr.title
{
 
    font-weight: bold;
}

.browserimages table tr.versions 
{
    text-align:center;  
}

.errorMessage
{
    margin: 0px;
    color: Red;
    font-style: italic;
    font-size: 10px;
}

.loader
{
    display:none;
}


@media (max-width: 767px)
{
    /*
                    .fieldmastercontainer
                    {
                        text-align: center;
                    }

                    .fieldmastercontainer label
                    {
                        display: block;
                        text-align: center;
                        width: auto;
                    }

                    .fieldmastercontainer input[type=text], input[type=password], input[type=date], input[type=number]
                    {
                        color: #2F3132;
                        display: inline;
                        margin: 0px auto;
                        width: auto;
                    }

                    .fieldmastercontainer label.error
                    {
                        display: block;
                        text-align: center;
                    }

                    .fieldmastercontainer select
                    {
                        display: inline;
                        text-align: center;
                        margin: 0 auto;
                    }
                    */
}


@media (max-width: 480px)
{
    /*
                    .textareaholder
                    {
                        width: 250px;
                    }
                    .fieldmastercontainer textarea
                    {
                        width: 100%;
                        height: 100px;
                    }
                */
}

/*end of field styling*/