form
{
    height: 100%;
}

.form-controls
{
    width: 940px;
}

.left-container
{
    width: 460px;
    font-family: verdana, Geneva, Tahoma, sans-serif;
    font-size: 8pt;
    float: left;
    margin-left: 10px;
    display: block;
}

.textArea-container
{
    width: 930px;
    font-family: verdana, Geneva, Tahoma, sans-serif;
    font-size: 8pt;
    float: left;
    margin-left: 10px;
    display: block;
}

/*.left-container label, .left-container input
	{
		display: block;
	}*/

.left-container label
{
    vertical-align: middle;
    /*padding-right: 20px;*/
    /*padding-top:10px;*/
}

textarea
{
    height: 140px;
}

.right-container
{
    width: 470px;
    font-family: verdana, Geneva, Tahoma, sans-serif;
    font-size: 8pt;
    display: block;
    position: relative;
    float: right;
}

    /*.right-container label, .right-container input
	{
		display: block;
		float: left;
	}*/

    .right-container label
    {
        text-align: left;
        padding-left: 20px;
        padding-top: 5px;
        width: 120px;
    }

br
{
    clear: left;
}

.inputControlWidth
{
    width: 200px;
}

.inputControlWidthNoBorders
{
    width: 208px;
}

.selectControlWidth
{
    width: 206px;
    border: 1px solid #bbb;
}

/*.label-wrap
{
	width: 220px;
	margin-left: 130px;
	-ms-word-break: normal;
	word-break: normal;
}*/

.label-wrap
{
    width: 200px;
    margin-left: 150px;
    -ms-word-break: normal;
    word-break: normal;
}

.bottom-buttons
{
    padding: 10px;
    margin-left: 300px;
    width: 175px;
}

.radiobuttons
{
    width: 15px;
}


.listing-container
{
    padding: 5px;
    width: 670px;
    height: 100%;
    font-family: verdana, Geneva, Tahoma, sans-serif;
    float: right;
    vertical-align: top;
}

    .listing-container label, .listing-container input
    {
        display: block;
        /*width: 170px;*/
        float: left;
        margin-bottom: 10px;
    }

    .listing-container label
    {
        /*text-align: right;*/
        /*padding-right: 20px;*/
        padding-top: 5px;
    }

.filter-container
{
    padding: 3px;
    width: 190px;
    font-family: verdana, Geneva, Tahoma, sans-serif;
    font-size: 8pt;
    float: left;
}

    .filter-container label /*, .filter-container select*/
    {
        display: block;
        /*margin-bottom: 5px;*/
    }

    .filter-container label
    {
        /*text-align: right;*/
        padding-right: 20px;
        padding-top: 5px;
        float: left;
    }

.datePickerFields
{
    width: 70px;
}

.filterSubHeading
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 24px;
    color: #003388;
    float: left;
    width: 200px;
}

.gridHeadings
{
    font-family: verdana, Geneva, Tahoma, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
}

.gridDetails
{
    font-family: verdana, Geneva, Tahoma, sans-serif;
    font-size: 8pt;
    text-align: left;
}

.descriptionColumn
{
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

body
{
    font-family: verdana, Geneva, Tahoma, sans-serif;
    font-size: 8pt;
}


#left-banner
{
    width: 940px;
    height: 125px;
    margin: 0px;
    padding: 0px;
    /*background-image: url('Images/ProcurementBanner_940x125.jpg');*/
    background-image: url('Images/final_www_masthead_940x125.jpg');
    background-repeat: no-repeat;
    text-align: center;
}

/*#right-banner
{
	padding: 0px;
	margin: 0px;
	float: right;
	background-image: url('images/_cct_intra_CITY_logo_130x90.gif');
	width: 130px;
	height: 90px;
}*/

#navbar-top
{
    background-color: white;
    height: 25px;
    width: 100%;
    margin: 2px 0px 0px 0px;
    vertical-align: middle;
}

#navbar-bottom
{
    /*background-color: #B1BEDE;*/
    height: 22px;
    margin: 2px 0px 0px 0px;
    position: absolute;
    bottom: 0px;
    vertical-align: middle;
    width: 100%;
    background: #9baedb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliYWVkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjYjFiZWRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjYjFiZWRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzliYWVkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left, #9baedb 0%, #b1bede 5%, #b1bede 95%, #9baedb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9baedb), color-stop(5%,#b1bede), color-stop(95%,#b1bede), color-stop(100%,#9baedb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #9baedb 0%,#b1bede 5%,#b1bede 95%,#9baedb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #9baedb 0%,#b1bede 5%,#b1bede 95%,#9baedb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #9baedb 0%,#b1bede 5%,#b1bede 95%,#9baedb 100%); /* IE10+ */
    background: linear-gradient(to right, #9baedb 0%,#b1bede 5%,#b1bede 95%,#9baedb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9baedb', endColorstr='#9baedb',GradientType=1 ); /* IE6-8 */
}

.nav-left
{
    padding: 5px 0px 0px 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: black;
    vertical-align: middle;
    float: left;
    font-style: normal;
    font-variant: normal;
    line-height: 14px;
}

    .nav-left a:link, .nav-left a:visited
    {
        color: #000000;
    }

.nav-right
{
    padding: 5px 20px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: black;
    vertical-align: middle;
    float: right;
    font-style: normal;
    font-variant: normal;
    line-height: 14px;
}

    .nav-right a:link, .nav-right a:visited
    {
        color: #000000;
    }

.nav-center
{
    padding: 5px 20px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 100%;
    color: black;
    vertical-align: middle;
    float: none;
    text-align: center;
}



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

    a.nav:hover
    {
        color: #ff0000;
        text-decoration: none;
    }

    a.nav:visited
    {
        color: #000000;
    }

    a.nav:active
    {
        color: #ffffff;
    }

#container
{
    background-color: #FFFFFF;
    width: 975px;
    margin: auto;
    position: relative;
    height: 100%;
}

#masthead
{
    padding: 0px;
    margin: 0px;
    height: 125px;
    width: 100%;
}

#goodsBodyDiv
{
    width: 100%;
}

.detailsValue
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    line-height: 17px;
    color: #333333;
    display: block;
    margin-left: 160px;
    margin-right: 40px;
    text-align: justify;
    vertical-align: bottom;
}

.fieldValue
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    line-height: 17px;
    color: #333333;
    display: block;
    width: 160px;
    margin-left: 160px;
    vertical-align: bottom;
}

.detailsLabel
{
    padding: 0;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 24px;
    color: #003388;
    display: block;
    width: 150px;
    vertical-align: text-top;
}

#buttonDiv
{
    margin-top: 20px;
}

#menubar
{
    width: 100%;
    padding: 0px 0px 0px 0px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #000000; /*background-color: #003388;*/
    height: 20px;
    margin: 0px auto 0px auto;
    vertical-align: middle;
}

    #menubar a:link, #menubar a:visited
    {
        color: black;
    }

img
{
    margin-right: auto;
    margin-left: auto;
    border-style: none;
}

#menuitems
{
    padding: 0px 0px 0px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8pt;
    color: #FFFFFF;
    vertical-align: middle;
    float: left;
}

#main-content
{
    position: absolute;
    top: 220px;
    bottom: 22px;
    /*height: auto !important;
	height: 100%;*/
    /*background-color: #FFFFFF;*/
    width: 100%;
    overflow: auto;
    /*margin: 0 auto -22px;*/
}

#filter-visibility
{
    width: 100%;
}

.leftFloat
{
    float: left;
}

.rightFloat
{
    float: right;
}

.radioDiv
{
    margin-left: 25px;
    width: 500px;
}

.bottomMargin5
{
    margin-bottom: 5px;
}

.bottomMargin10
{
    margin-bottom: 10px;
}

.leftMargin5
{
    margin-left: 5px;
}

.leftMargin7
{
    margin-left: 7px;
}

.leftMargin10
{
    margin-left: 10px;
}

.attachDocument
{
    width: 250px;
}

#additionalAttachments
{
    margin-left: 150px;
    width: 250px;
}

#attachAnotherButton
{
    margin-left: 150px;
}

/*.button
{
  border: 1px solid #777777;
  background: #6e9e2d;
  color: white;
  font: bold 11px 'Trebuchet MS';
  padding: 4px;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}*/

#AddButton
{
    background: url(../images/Button_Add.png);
    cursor: pointer;
    width: 82px;
    height: 20px;
    display: block;
    border: none;
    float: left;
}

#EditButton
{
    background: url(../images/Button_Update.png);
    cursor: pointer;
    width: 82px;
    height: 20px;
    display: block;
    border: none;
    float: left;
}

#DeleteButton
{
    background: url(../images/Button_Delete.png);
    cursor: pointer;
    width: 82px;
    height: 20px;
    display: block;
    border: none;
    float: left;
}


#attachAnotherButton
{
    background: url(../images/Button_AttachAnother.png);
    cursor: pointer;
    width: 110px;
    height: 20px;
    display: block;
    border: none;
}

#ClearButton
{
    background: url(../images/Button_Clear.png);
    cursor: pointer;
    width: 82px;
    height: 20px;
    display: block;
    border: none;
}

#FilterButton
{
    background: url('../Images/Button_Filter.png');
    cursor: pointer;
    width: 82px;
    height: 20px;
    display: block;
    border: none;
    display: block;
    float: left;
    background-repeat: no-repeat;
}

#filterShowHideButton
{
    background: url(../images/Button_ShowHide.png);
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: block;
    border: none;
    font-family: Verdana;
    font-size: xx-small;
    font-style: normal;
    color: #000000;
    text-align: center;
}

.textAreaFull
{
    /*margin-left: 150px;*/
    width: 400px;
}

.textAreaValidation
{
    margin-left: 760px;
    width: 100px;
    vertical-align: top;
}

.vericalAlignTop
{
    vertical-align: top;
}

.descriptionColumn
{
    padding: 0px;
    margin: 0px;
    text-align: justify;
    vertical-align: text-top;
    white-space: normal;
}

#GetMapButton
{
    /*background: url(../images/Button_Clear.png);*/
    cursor: pointer;
    width: 82px;
    height: 20px;
    display: block;
    border: none;
}

.mapRight
{
    display: block;
    float: right;
}

.siteMeetingLeft
{
    display: table;
    float: left;
}

.siteMeetingLeftContent
{
    display: inline-block;
    vertical-align: middle;
}

/*.siteMeetingLeft
{
	display: block;
	float: left;
}*/

.clearFilter
{
    margin-left: 100px;
    display: block;
}


#showSiteMeetingButton
{
    background: url('Images/Button_ShowMeetingDetails.png');
    cursor: pointer;
    width: 160px;
    height: 20px;
    display: block;
    border: none;
}

.linkDetails
{
    background: url('../images/button_details.png') no-repeat center center;
    display: block;
    height: 20px;
    width: 10px;
    padding-left: 15px;
}

div.dataTables_scroll
{
    clear: both;
}

#login-content-div
{
    display: table;
    width: 920px;
    margin: 0 auto;
}

#login
{
    padding: 0px 20px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8pt;
    /*color: #FFFFFF;*/
    vertical-align: middle;
    float: right;
}

/* menu
----------------------------------------------------------*/
ul#menu
{
    background-color: #9baedb;
    color: #ffffff;
    height: 15px;
    width: 100%;
    font-size: 0.9em;
    font-weight: 500;
    margin: 0px 0px 0px 0px;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    text-align: left;
}

    ul#menu li
    {
        display: inline;
        list-style: none;
        padding-left: 5px;
    }

        ul#menu li a
        {
            background: none;
            color: #ffffff;
            text-decoration: none;
        }

            ul#menu li a:hover
            {
                color: #990000;
                text-decoration: none;
            }


.bold
{
    font-weight: bold;
}

.dropDownOverflow
{
    overflow: hidden;
    width: 211px;
}

.width400
{
    width: 300px;
}

#loginContainerDiv
{
    margin-left: 250px;
    margin-top: 50px;
}

#loginButton
{
    margin-left: 215px;
}

#isoLogo
{
    float: right;
    margin-top: -50px;
}

#forgotLink
{
    margin-left: 175px;
}

#verificationLink
{
    margin-top: 5px;
    margin-left: 190px;
}

#submitButton
{
    background: url('../Content/Images/Button-Submit_82x20.png');
    cursor: pointer;
    width: 82px;
    height: 20px;
    display: block;
    border: none;
    float: left;
}

#logonButton
{
    background: url('../Content/Images/Button-Login_82x20.png');
    cursor: pointer;
    width: 82px;
    height: 20px;
    display: block;
    border: none;
    float: left;
}

#registerButton
{
    background: url('../Content/Images/Button-Register_82x20.png');
    cursor: pointer;
    width: 82px;
    height: 20px;
    display: block;
    border: none;
    float: left;
}

pre
{
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
}

.dropDownOverflow
{
    overflow: hidden;
    width: 211px;
    float: left;
}

.RedFont
{
    color: #FF0000;
}

.BoldText
{
    font-weight: bold;
}

.lineBreaks
{
    white-space: pre-line;
}

.whiteText
{
    color: white;
}

    .whiteText a.nav, .whiteText a.nav:visited
    {
        color: white;
    }