/*
main 
*/
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset
{
    margin: 0;
    padding: 0;
    border: medium none;
}

html
{
    margin-bottom: 0.01em;
}

body
{
    font-size: 13px;
    background-color: #B1CEED;
}

div.block img
{
    display: inline;
    clear: none;
}

a img, :link img, :visited img
{
    border: none;
}

a, a:hover, a:visited
{
    text-decoration: none;
    color: gray;
}

H1
{
    font-size: 20px;
    text-align: left;
    color: #444;
    margin-bottom: 5px;
}
H3
{
    font-size: 15px;
    text-align: justify;
    color: #444;
    margin-top: 15px;
}
/* forms */
.cssform select
{
    border: 1px solid silver;
    width: 100%;
}
.cssform input[type="text"]
{
    border: 1px solid silver;
    width: 100%;
}
.cssform input[type="radio"], input[type="checkbox"]
{
    border: 0px solid silver;
}
input[type="image"]
{
    clear: none;
    display: inline;
    float: right;
}
div.block span.headerlabel
{
    clear: none;
    display: inline;
}


/*
input[type="radio"], input[type="checkbox"]
{
    color: #000000;
    background: #ffffff;
    border: 0px solid silver;
}
*/
/* div table*/

div.tablemain
{
    width: 100%;
    padding: 5px;
}

div.table4col
{
    float: left;
    width: 25%;
}



/* header */
div.header
{
    display: block;
    float: left;
    clear: both;
    width: 961px;
    background-color: #445566;
    border-left: solid 1px silver;
    border-top: solid 1px silver;
    border-right: solid 1px silver;
    border-bottom: solid 1px silver;
    padding: 10px;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 0px; /* 	border-top-left-radius: 8px; 	-moz-border-top-left-radius: 8px; 	-webkit-border-top-left-radius: 8px;     */
}
div.header_left
{
    float: left;
    display: block;
}

.main_logo
{
    float: left;
    display: block;
    padding-right: 10px;
}

div.header_right
{
    float: right;
    display: block;
    height: 20px;
    position: absolute;
    left: 750px;
    width:225px;
}

.header_right
{
    font-weight: bold;
    font-size: small;
    color: White;
    text-align: right;
}
a.header_right
{
    color: #dddddd;
    text-decoration: underline;
}

H1.header_left
{
    float: left;
    display: block;
    font-size: 20px;
    color: White;
}

/* footer */
div.footer
{
    text-align: right;
    color: gray;
    padding: 10px;
    padding-right: 0px;
    padding-top: 0px;
    margin: 5px;
    border-top: 1px solid silver;
    display: block;
    float: left;
    clear: both;
    width: 762px;
}

a.footer, a.footer:hover, a.footer:visited
{
    color: gray;
    text-decoration: none;
}

div.footer_left
{
    text-align: left;
    display: block;
    float: left;
}

div.footer_right
{
    text-align: left;
    display: block;
    float: right;
}

/* toolbar */
/*
div.toolbar
{
	height:48;
	overflow:hidden;
	background-color:#dddddd;  
    margin: 10px;
    border: 1px solid silver;
    display: block;
    float:left;  
    clear:both;  
    width:900px;	  
}
li.toolbar
{
	list-style: none;
	float: left;
    border: 1px solid #dddddd;
    margin: 2px;
	padding: 5px; 
}

li.toolbar, li.toolbar:visited
{
    border: 1px solid #dddddd;
}

li.toolbar:hover, li.toolbar:visited.selected, li.toolbar.selected
{
	color: black;
    border: 1px solid silver;
	background-color: silver;
}
*/

/* block */

div.block, div.block1
{
    background: white;
    padding: 10px;
    margin: 5px;
    border: 1px solid silver;
    display: block;
    float: left;
    *float: none;
    clear: both;/* 	border-radius: 8px; 	-moz-border-radius: 8px; 	-webkit-border-radius: 8px; ¸*/
    *clear: none;
}

div.block
{
    width: 750px;
}

div.block1
{
    min-width: 750px;
}

div.fix-multiselect > span > div > button
{
    white-space: nowrap;
}

div.fix-multiselect > span > div > div > button {
    padding-right: 20px !important;
}

div.breadcrumbs, .debugtoolbar {
    min-width: 961px;
    background: white;
    padding: 10px;
    border: 1px solid silver;
    display: block;
    float: left;
    clear: both; /* 	border-radius: 8px; 	-moz-border-radius: 8px; 	-webkit-border-radius: 8px; ¸*/
}

.debugtoolbar {
    margin-top: 5px;
}

div.blockmenu
{
    background: white;
    padding: 2px;
    margin: 0px 5px 5px 5px;
    border: 1px solid silver;
    display: block;
    float: left;
    clear: both;
    width: 766px;
}
/*
div.blockmenu
{
      background: #f6f7ee;
      padding: 0px 10px 0px 10px;
      margin: 0 5px 5px 5px;
      border: 1px solid silver;
	  display: block;
	  float:left;  
      clear:both;  
      width:750px;	  
}
*/
div.blocksub
{
    background: white;
    padding: 10px;
    margin: 5px;
    border: 1px solid silver;
    display: inline-block;
    float: left;
    clear: both;
    width: 730px;
}


.block_assign_customer
{
    border: solid 1px #777777;
    margin: 5px;
    padding: 10px;
}


/* DATE PICKER STYLE - BEGIN */
/* the div that holds the date picker calendar */
.dpDiv
{
}


/* the table (within the div) that holds the date picker calendar */
.dpTable
{
    font-size: 12px;
    text-align: center;
    color: #505050;
    background-color: #ece9d8;
    border: 1px solid #AAAAAA;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR
{
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR
{
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR
{
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR
{
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD
{
    border: 1px solid #ece9d8;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD
{
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover
{
    background-color: #aca998;
    border: 1px solid #888888;
    cursor: pointer;
    color: red;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD
{
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD
{
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD
{
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD
{
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
    color: white;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText
{
    font-size: 12px;
    color: gray;
    font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight
{
    color: #4060ff;
    font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton
{
    font-size: 10px;
    color: gray;
    background: #d8e8ff;
    font-weight: bold;
    padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton
{
    font-size: 10px;
    color: gray;
    background: #d8e8ff;
    font-weight: bold;
}
/* DATE PICKER STYLE - END */





/* ---------------------------------- */
/* styles for modal popup of progress */

.modal_container
{
    background-color: #ffffff;
    position: absolute;
    z-index: 600;
    top: 300px;
    left: 300px;
    padding: 10px;
    border: solid 1px #aaaaaa;
}
.modal_backgound
{
    filter: Alpha(Opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    width: 100%;
    height: 300%;
    background-color: #cccccc;
    position: absolute;
    z-index: 500;
    top: 0px;
    left: 0px;
}

.modalBackground
{
    background-color: #dddddd;
    filter: Alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 15px;
}
/* ---------------------------------- */

.cursor_pointer
{
    cursor: pointer;
}

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

.offsetNumberOfRows { /* hack where buttons are inside panel */
    margin-right: -120px;
}

.bold_text {
    font-weight: bold;
}