/* Default CSS Stylesheet for a new Web Application project */
/************************************************\
	Global TAG styles
\************************************************/
body, td, input, select
{
    font-family: Verdana; /* Arial  Tahoma */
    font-family: Tahoma; /* Arial  Tahoma */
}
body, td, th
{
    font-size: smaller;
}
body
{
    margin: 0px;
}

.openDialog{
	display:none;
}

body.help
{
    margin: 6px;
}
a
{
    color: #336699;
}
a:hover
{
    color: #000000;
}
h1
{
    margin-top: 0px;
    margin-bottom: 0px;
}
h2
{
    margin-top: 0px;
    margin-bottom: 0px;
}
h3
{
    margin-top: 0px;
    margin-bottom: 0px;
}
h4
{
    margin-top: 0px;
    margin-bottom: 0px;
}

hr
{
    color: #336699;
}

table.gutter
{
    border: solid 1px #336699;
    width: 100%;
    margin-bottom: 20px;
}
table.gutter td
{
    padding: 2px 4px;
}
table.gutter td.header
{
    background-color: #336699;
    color: #EBF5FB;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}
/************************************************\
	Help file styles
\************************************************/


/************************************************\
	General pattern styles
\************************************************/
@media print
{
    .NoPrint
    {
        display: none;
    }
}

.label, .label td
{
    font-weight: bold;
}

.leftalign
{
    text-align: left;
}

.detailLabel
{
    font-weight: bold;
    color: #336699;
}

.ErrLabel
{
    font-weight: bold;
    font-size: medium;
    color: Red;
}

table.border
{
    border: solid 1px #336699;
    padding: 10px;
}

table.header
{
    border: solid 1px #336699;
    padding: 10px;
    background-color: #336699;
    color: White;
}

table.box
{
    padding: 5px 10px 0;
    border: 1px solid #eee;
    background-color: #F7F7F7;
}

.item
{
    background-color: #ffffff;
    vertical-align: top;
}
.altitem
{
    background-color: #dddddd;
    vertical-align: top;
}
.selected
{
    background-color: #99ccff;
}
.error
{
    color: #ff0000;
    font-weight: bold;
}

table.listgrid
{
    border-style: none;
}

table.listgrid td
{
    padding: 2px 3px;
    border-style: none;
}
table.listgrid, table.listgrid td
{
    border-color: #336699;
}

table.listgrid .header
{
    background-color: #336699;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

table.listgrid .header td
{
    padding: 3px 4px;
}
table.listgrid .header th
{
    white-space: nowrap;
}
table.listgrid .pager span
{
    font-weight: bold;
}
table.listgrid .pager a, table.listgrid .pager span
{
    text-decoration: none;
}
table.listgrid .footer
{
    background-color: #99ccff;
}

a.linkbutton
{
    padding: 0 10px;
    border: 1px solid #9aafe5;
    border-style: outset;
    background-color: #dddddd;
    text-decoration: none;
    color: black;
    font-weight: bold;
}

a.linkbutton a:hover
{
    border: 1px solid #2b66a5;
    color: #ff6b08;
    background-color: #bbbbbb;
}

tr.header th.sortedasc
{
    background-image: url(../images/sort_asc.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
}

tr.header th.sorteddsc
{
    background-image: url(../images/sort_desc.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
}

.hover
{
    cursor: pointer;
}
.hidden
{
    display: none;
}
.cartcss.ui-dialog
{    
    background: #E3E3E4;
    border: 2px groove #336699;
    font-family: Calibri;
    font-size: 12px;
    z-index: 1;    
    position: absolute;
    width: 320px;
    height: 400px;


}
.cartcss.ui-dialog .ui-dialog-titlebar
{
    background-color: #336699;
    color: #ffffff;
    font-family: Calibri;
    font-size: 16px;
    font-weight: bold;      
 
    background-image: url(../images/cross.png);
    background-repeat: no-repeat;
    background-position:right; 
    /* position: relative;    */
}

/*.cartcss.ui-dialog .ui-dialog-titlebar-close
{
    float: right;
    background-image: url(../images/Remove.png);
    background-repeat: no-repeat;
    background-position: right;    
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    
}*/

/*.
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{border:1px solid #79b7e7;background:#0879BF;font-weight:bold;color:#000;outline:none;}
}*/

.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:1.5%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px;}
.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px;}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus{padding:0;}

.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}
.ui-icon-close{background-position:-80px -128px;}
.ui-icon-closethick{background-position:-96px -128px;}


.ui-state-hover a, .ui-state-hover a:hover{color:#1d5987;text-decoration:none;outline:none;}

.ui-resizable
{
    position: relative;
}
.ui-resizable-handle
{
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle
{
    display: none;
}
.ui-resizable-n
{
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0px;
}
.ui-resizable-s
{
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0px;
}
.ui-resizable-e
{
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0px;
    height: 100%;
}
.ui-resizable-w
{
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0px;
    height: 100%;
}
.ui-resizable-se
{
    cursor: se-resize;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw
{
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw
{
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne
{
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.required{
    color:red;
}


.space {
    height: 32px;
}
/*
Remove comment if column scrolling is required.
.item td{ white-space:nowrap; }
.altitem td{ white-space:nowrap; }



 right: 5px;
    top: 214px;
    position: absolute;
*/

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
    content:"loading..";
	background: url('../images/spinner.gif') 50% 50% no-repeat rgb(249,249,249);
}