@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */

html { width: 100%; margin: 0px; height: 100%; }
 
body 
{
	width: 100%;
	height: 100%;
	padding: 0;
	margin :0;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	background: white;
}

.hidden { display: none; }
.nowrap { white-space: nowrap; }

.tab-hidden {display: none !important;}
#page-header .menu-links ul li .button{color: #2E6E9E;font-size: 13px;text-decoration: none;}

/* float */
.fl { float: left;}
.fr { float: right; }
.clr { clear: both; }

/* text align */
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }


#page { display:block; width: 100%; position: relative; }

.progress-bar-bg { position:fixed; top:0px; bottom:0px; left:0px; right:0px; overflow:hidden; padding:0; margin:0; background-color:#000; filter:alpha(opacity=70); opacity:0.7; z-index:1000; }
.progress-bar-message { position:fixed; top:30%; left:43%; padding:10px; width:14%; z-index:1001; background-color:#fff; border:solid 1px #000; text-align:center; color: black; font-weight: bold; font-size: 14px;}

#page-header { border-bottom: solid 2px #036; position: relative;  position: fixed; width: 100%;  z-index: 10; background: #5C9CCC url(../images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; height: 42px;  }

#logo  { position: absolute; left: 0px; top: -5px; height: 48px; }
#LogUserInfo { position: absolute; right: 10px; top: 10px; font-size:12px; color: Green; }
#LogUserInfo .log-user { position:relative; padding-right: 30px;  min-width:120px; text-align:right; line-height: 24px; }
#LogUserInfo .log-user a { color : white; font-weight: bold; border: none; }
#LogUserInfo .log-user .logout { position: absolute; right: 0px; }

#page-header .menu-links { margin-left: 150px; margin-top: 15px; min-width: 300px; }
#page-header .menu-links ul { display: block; list-style: none; margin: 0; padding: 0; }
#page-header .menu-links ul li  {	position: relative; display: -moz-inline-box; display: inline-block; padding: 0 10px;  vertical-align: top; line-height: 25px; 
	border: 1px solid #C5DBEC; background: #DFEFFC url(../images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2E6E9E;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
#page-header .menu-links ul li a { color: #2E6E9E; font-size: 13px; text-decoration:none; }
#page-header .menu-links ul li:hover { border: 1px solid #79b7e7; background: #d0e5f5 url(../images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; }
#page-header .menu-links ul li:hover  a { color : #1d5987 }
#page-header .menu-links ul li.selected { border: 2px solid #036; background:white; padding-bottom: 0px; border-bottom-color: transparent; }
#page-header .menu-links ul li.selected a { color: #E17009; }

.header-pad { height: 45px ; padding:0px; margin: 0px; }
.footer-pad { height: 50px ; padding:0px; margin: 0px; }

#page-content { padding: 10px 0 30px 0; }
#page-footer  {
	padding: 10px; 
    left: 0px; 
    bottom: 0px; 
    width: 100%; 
    border-top: solid 2px #036; 
    position: fixed; 
    width: 100%;  
    z-index: 10; 
    text-align:center; 
    background: #5C9CCC url(../images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; 
}

#page-footer .invoice-inbox {
	position: absolute;
    left: 20px; 
    top: 5px; 
    /*display: none;*/
    cursor: pointer; 
}

#page-footer .invoice-inbox img,
#page-footer .invoice-inbox .new-invoice-count {
	-moz-transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	/* order: name, direction, duration, iteration-count, timing-function */  
	-moz-animation:blink normal 2s infinite ease-in-out; /* Firefox */
	-webkit-animation:blink normal 2s infinite ease-in-out; /* Webkit */
	-ms-animation:blink normal 2s infinite ease-in-out; /* IE */
	animation:blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

#page-footer .invoice-inbox {
    display: none;
}

#page-footer .invoice-inbox .new-invoice-count {
    left: 40px;
    top: 2px;
    position: absolute;
    font-size: 20px;
    color: #1976D2;
    font-weight: bold;
}

#page-footer ul {
	display: block; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

#page-footer ul { display: block; list-style: none; margin: 0; padding: 0; }
#page-footer ul li { position: relative; display: -moz-inline-box; display: inline-block; line-height: 25px; padding: 0 10px; vertical-align: top; border-right: solid 1px #036; }
#page-footer ul li.last { border-right: none;}
#page-footer ul li a { font-size: 13px;  color: #036; font-weight: bold; }

form { padding: 0px; margin: 0px; }

.ui-datepicker { display: none; }

#datepicker { width: 87px; text-align: center; }

/*********************************************************************
 * LEFT MENU
 *********************************************************************/
#LeftMenu { position:fixed; top:55px; left:10px; padding: 10px; background: #5C9CCC; color: White; z-index:10;  }
#LeftMenu a { color: yellow; }
#LeftMenu div { padding: 5px 0px; }
#LeftMenu img { cursor: pointer; margin: 2px 5px; border:solid 1px white; }

/*********************************************************************
 * MANAGEMENT PAGE
 *********************************************************************/
.management-grid { position:relative; line-height: 20px;  }
.management-grid table { border-collapse:collapse; border-bottom: solid 1px #4297D7 !important; border-right: solid 1px #4297D7 !important;  }
.management-grid thead {  color: White; background: url(../images/grid_header.png) repeat-x; }

.management-grid table tr.row {   }
.management-grid table tr.even { background-color: #CCE6FF; }
.management-grid table tr.selected { background-color: gold; }
.management-grid table tr.row:hover { background-color: yellow; }
.management-grid table tr.even:hover { background-color: yellow; }

.management-grid table  th { padding: 2px 5px; font-size: 13px; font-weight:bold; border: solid 1px #4297D7;  }
.management-grid table .row td, .management-grid table .even td { padding: 2px 5px; border: solid 1px #4297D7; }

.management-grid table .level-1 { background-color: #00A2E8; font-size:12px; font-weight:bold; border: solid 1px #4297D7; color: White; }
.management-grid table .level-2 { background-color: #50CEFF; font-size:12px; font-weight:bold;  text-transform:capitalize; border-left: solid 1px #4297D7; color: White; }

.management-grid table .group-image { text-align: center; border-left: solid 1px #4297D7; border-top: solid 1px #4297D7; border-bottom: solid 1px #4297D7; }
.management-grid table .span-1 { background-color: #ECF8FF; min-width: 16px; }
.management-grid table .row .span-1 { border-top: none; border-bottom:none; }
.management-grid table .span-2 { background-color: #CCECF4;  min-width: 16px; }
.management-grid table .row .span-2 { border-top: none;  border-bottom:none; }

.management-grid .btn_image { width:24px; height: 24px; padding: 0px; background-color:White; border:solid 1px skyblue; cursor:pointer; margin: 0px 3px; background-position: center center; background-repeat:no-repeat; } 
.management-grid .btn_image:hover { opacity: 0.7; filter:alpha(opacity=70); }

.management-grid .sum-group { float:right; margin-right: 10px; width: 80px; text-align:right; font-weight:normal; }

#ExchangeAccountGrid  {
    margin: 0 10px 50px 10px;
}

#ExchangeAccountGrid  table.DDGridView {
    margin-bottom: 0px;
}

#ExchangeAccountGrid table.DDGridView .td
{
	border: dotted 1px #dbddff;
}

#ExchangeAccountGrid table.DDGridView .alt-td
{
	background-color: #E7F3FF;
	border: dotted 1px #E7F3FF;
}

#ExchangeAccountGrid #tableParent table.DDGridView .td
{
	border: dotted 1px #dbddff;
	background-color: White;
	border-left-width:0px;
	border-right-width:0px;
	padding: 0px;
}

#ExchangeAccountGrid #tableParent table.DDGridView .alt-td
{
	background-color: #E7F3FF;
	border: dotted 1px #E7F3FF;
	border-left-width:0px;
	border-right-width:0px;
	padding: 0px;
}

/*********************************************************************
 * MANAGEMENT PAGE
 *********************************************************************/
.ui-dialog-content .frame .loading { padding: 10px; color :Red; text-align: center; }
.ui-dialog-content .frame .processing { padding: 10px; color :Teal; text-align: center; }



/*	DDGridView/DDListView	*/
table.DDGridView, table.DDListView
{
	width: 100%;
	color: #666;
	border:solid 1px #dbddff;
	font: 13px Tahoma, Arial, Sans-Serif;
	margin-bottom: 30px;
}

table.DDGridView .th, table.DDGridView .td, table.DDListView .th, table.DDListView .td
{
	white-space: nowrap;
}

table.DDGridView .th, table.DDListView .th
{
	/*background: url(/Images/grid_header.png) repeat-x;*/
	line-height:2em;
	text-align: left;
	font-size: 1em;
	color: white;
	font-size: 13px;
    background: #5C9CCC;
}

table.DDGridView .th a, table.DDListView .th a
{
	color: white;
	text-decoration: none;
}

table.DDGridView .td, table.DDListView .td
{
	border: dotted 1px #dbddff;
	border-left-width:0px;
	border-right-width:0px;
	padding: 6px;
}

table.DDGridView .alt-td, table.DDListView .alt-td
{
	background-color: #E7F3FF;
	border: dotted 1px #dbddff;
	border-left-width:0px;
	border-right-width:0px;
	padding: 6px;
}

table.DDGridView .td.add-row, table.DDListView .td.add-row
{
	border: solid 2px #F00;
	padding: 5px;
}


table.DDGridView .td a, table.DDGridView .alt-td a, table.DDListView .td a
{
	color: #718ABE;
    text-decoration: none;
    margin-right: 6px;
	
}

table.DDGridView .DDSelected a, table.DDListView .DDSelected a
{
	color: #718ABE;
    text-decoration: none;
    margin-right: 6px;
	
}

table.DDGridView .DDSelected a:hover, table.DDListView .DDSelected a:hover
{
	color: #000099;
	text-decoration: underline;
}

table.DDGridView .td a:hover, table.DDListView .td a:hover
{
	color: #000099;
	text-decoration: underline;
}

/*	DataPager	*/
div.DDPager
{
    padding: 0px 6px;
}

#GoogleAccountContainer {
	padding: 0 10px 10px 10px;
	line-height: 10px !important;
}

#GoogleAccountContainer .google-account-search {
	background-color: #E8E8EE;
	padding: 10px 0;
	color: #666;
}

#GoogleAccountContainer .google-account-search .search {
	padding-left: 10px;
	float: left;
}

#GoogleAccountContainer .google-account-search .add-button {
	float: right;	
	padding-right: 10px;
}

#GoogleAccountContainer .google-account-search .add-button input {
	vertical-align: top;	
}

#GoogleAccountContainer .GroupHeaderStyle {
    border: solid 1px #4297D7;
    background-color: #50CEFF;;
    color: #60F;
    font-weight: bold;
}

#ForwardEmailPendingContainer {
    padding: 0 10px 10px 10px;
    line-height: 10px !important;
}

    #ForwardEmailPendingContainer .forward-email-pending-search {
        background-color: #E8E8EE;
        padding: 10px 0;
        color: #666;
    }

        #ForwardEmailPendingContainer .forward-email-pending-search .search {
            padding-left: 10px;
            float: left;
        }

        #ForwardEmailPendingContainer .forward-email-pending-search .add-button {
            float: right;
            font-weight: bold;
            padding-right: 10px;
            padding-top: 5px;
        }