/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 ADMIN SITE STYLES
	 	 compress with http://www.cleancss.com/ to admin.css
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.box {
	background-color:#F1F3FE; /* almost white */
	background-image:url(images/pxl-blue.gif);
	background-repeat:repeat-y;
	background-position:right top;
	margin-bottom:10px;
	_height:1px;
}
#right-part .box{margin-bottom:15px;_height:1px} /* underscore is recognized only by IE6 */
.box.alert {background-color:#F2E5E5;} /* light red */

.box .header {
	background-color:#DBE1EA; /* light blue header*/
	background-image:url(images/pxl-blue.gif);
	background-repeat:repeat-y;
	background-position:top right;
}
.box .header .top-bg .left {background:url(images/box-header-left-bg.gif) no-repeat;}
.box .header .top-bg .right {background:url(images/box-header-right-bg.gif) no-repeat;}
.box.alert .header {background-color:#FF9378;} /* salmon red */
.box.alert .header .top-bg .left {background:url(images/box-alert-header-left-bg.gif) no-repeat;}
.box.alert .header .top-bg .right {background:url(images/box-alert-header-right-bg.gif) no-repeat;}
.box .header .content {
	padding:2px 0 5px;
	border-bottom:1px solid #6E7F9F; /* blue grey */
	width:100%;
	overflow:hidden;
}

.box table.content td.header {
	border-bottom:1px solid #6E7F9F; /* blue grey */
	border-left:1px solid #6E7F9F; /* blue grey */
}

.box .header .content a.header-link{
	font-size:.8em;
	float:right;
	padding:2px 8px 0 0;
	}



.box .top-bg {
	background:url(images/pxl-blue.gif) repeat-x;
	height:4px;
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
	width:100%;
	overflow:hidden;
}
.box .top-bg .left {
	float:left;
	width:4px;
	height:100%;
	background:url(images/box-top-left-bg.gif) no-repeat;
}
.box .top-bg .right {
	float:right;
	width:4px;
	height:100%;
	background:url(images/box-top-right-bg.gif) no-repeat;
}

.box .bottom-bg {
	background:url(images/pxl-blue.gif) repeat-x left bottom;
	height:4px;
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
	width:100%;
	overflow:hidden;
}
.box .bottom-bg .left {
	float:left;
	width:4px;
	height:100%;
	background:url(images/box-btm-left-bg.gif) no-repeat;
}
.box .bottom-bg .right {
	float:right;
	width:4px;
	height:100%;
	background:url(images/box-btm-right-bg.gif) no-repeat;
}
.box .content {
	background:url(images/pxl-blue.gif) repeat-y;
	padding:7px 12px;
}
.box .header h2 {
	margin:0 0 0 11px;
	padding:0;
	color:#000;
	font-weight:normal;
	font-size:1.0em;
	float:left;
	display:inline;
	background-repeat:no-repeat;
	background-position:left center;
}
#right-part .box .header h2 {font-size:1.23em; margin-top:5px; padding-bottom:5px;}
.box.alert .header h2 {background-image:url(images/icon-alert.png); padding-left:30px;}
#right-part .box.notes .header h2 {background-image:url(images/icon-notes.png); padding:3px 0 5px 30px; margin-top:2px;}

.box .header ul {
	margin:0 25px 0 0;
	padding:7px 0 0 0;
	list-style:none;
	text-align:right;
	font-size:0.85em;
}
.box .header li {
	margin:0;
	padding:0 0 0 15px;
	display:inline;
}
.box .header li.current {background:url(images/icon-arrow-down-gray.png) no-repeat 0 0.2em;}
.box.alert .header li.current {background:url(images/icon-arrow-down.png) no-repeat 0 0.2em;}
.box a.icon {
	background-image:url(images/icon-minus.png);
	background-repeat:no-repeat;
	width:16px;
	height:15px;
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin-right:11px;
}
.box.close a.icon {background-image:url(images/icon-plus.png);}
#left-part .box ul {
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
	/* font-size:0.9em; */
}
#left-part .box li {
	margin:0;
	padding:4px 0 4px 20px;
	background-repeat:no-repeat;
}
#left-part .box .arrow li {background-image:url(images/icon-arrow.png); background-position:0 5px; padding-left:25px;}
#left-part .box .help li {background-image:url(images/icon-doc.png); background-position:0 7px;}
#left-part .box .message li {background-image:url(images/icon-warning.png); background-position:0 5px; padding-left:25px;}
#left-part .box .message li.archive {background-image:url(images/icon-message.png); background-position:0 5px;}
#left-part .box li a {text-decoration:none;}
#left-part .box li a:hover {text-decoration:underline;}

ul.card {
	text-align:center;
	margin:0;
	padding:7px 0;
	list-style:none;
	font-size:1.23em;
}
ul.card li {
	margin:0;
	padding:10px 20px 10px 55px;
	display:inline;
	border-right:1px solid #D6D8E1;
}
ul.card li.last {border-right:0;}
ul.card li.add {background:url(images/icon-add-card.png) no-repeat 20px 3px;}
ul.card li.edit {background:url(images/icon-edit-card.png) no-repeat 20px 3px;}
ul.card li a {text-decoration:underline;}
ul.card li a:hover {text-decoration:none;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 TABLES
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.box table {
	border-collapse:collapse;
	font-size:0.9em;
	width:100%;
}

.box table.alert {background-color:#F2E5E5;} /* lighter red */


.box table td {
	padding:6px 10px 6px;
	margin:0;
	vertical-align:top;
	color:#333;
}

#left-part .box .dark-blue table td {
	padding:0px 2px 0px;
	margin:0;
	vertical-align:top;
	color:#333;
}
.box table th {
	text-align:left;
	padding:6px 10px 6px;
}

.box table td.name {
	font-weight:bold;
	background-image:url(images/dot-vertical.gif);
	background-position:right top;
	background-repeat:repeat-y;	
	width:120px;
	color:#000;
}
.box table.account td.name {width:200px; color:#3c3c3c;} /* darker grey */
.box table tr.light td {
	background-color:#fff;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
}
.box.alert table tr.light td,
table.alert tr.light td {
	background-color:#f1dddd; /* light red */
	}

.box table.account span {
	font-weight:bold;
	color:#015C01; /* green */
	padding:2px 10px 2px 5px;
	background:#F7F8FE; /* almost white */
}
.box table.account tr.light span {background:#fff;}
#right-part .box table p {
	margin:0;
	padding:0;
	font-size:0.92em;
	line-height:1.5em;
}
#right-part .box table td.name p {
	margin:-1px 0 7px;
	font-size:1.0em;
}
.box table td.name ul {
	margin:0;
	padding:0;
	list-style:none;
	color:#515050; /* dark grey */
	font-size:0.9em;
	font-weight:normal;
	width:100%;
	overflow:hidden;
}
.box table td.name li {
	margin:0 2px 0 0;
	padding:1px 0 0;
	float:left;
	display:inline;
}
.box table td.name li.icon {
	width:25px;
	height:18px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
	margin-top:-1px;
}
.box table td.name li.icon.flag {width:23px;}
.box table td.name li.icon.notes {width:23px;}

/* ICONS */

.box table td.name li.airline {background-image:url(images/icon-airline.png);}
.box table td.name li.bank {background-image:url(images/icon-bank.png);}
.box table td.name li.carinsurance {background-image:url(images/icon-insurance.png);}
.box table td.name li.carrental {background-image:url(images/icon-carrental.png);}
.box table td.name li.creditcard {background-image:url(images/icon-creditcard.png);}
.box table td.name li.grocery {background-image:url(images/icon-grocery.png);}
.box table td.name li.hotel {background-image:url(images/icon-hotel.png);}
.box table td.name li.loyalty {background-image:url(images/icon-loyalty.png);}
.box table td.name li.otheraccounts {background-image:url(images/icon-other.png);}

.box table td.name li.flag {background-image:url(images/icon-flag.png);}
.box table td.name li.notes {background-image:url(images/icon-notes-small.png);}
#right-part .box table h3 {
	margin:0;
	padding:0;
	font-size:1.0em;
	color:#0050D1; /* bright blue */
	font-weight:normal;
}
.box table td.strong,
#right-part .box table td.strong h3 {font-weight:bold; color:#000;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 SIDE NAV
	 	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.admin #left-part .box .scroll{
	max-height:325px; /* ALL NEW BROWSERS USE THIS */
	_height:325px; /* ONLY IE 6 USES THIS */
	overflow-y:auto;
	overflow-x:hidden;
	position:relative;
	_width:212px; /* ONLY IE 6 USES THIS */
	border-right:1px solid #6e7f9f;
}

.dark-blue {
	background-color:#dbe6fc;
}
.CardListBorder
{
	border-left:1px solid #6e7f9f;
}
.admin #left-part .navigation {
	background:none;
	width:200px;
}
.admin #left-part .navigation ul {
	margin:0;
	padding:0;
}
.admin #left-part .navigation li {
	margin:0;
	padding:3px 0;
}

.admin #left-part .navigation li a {
}

.admin #left-part .navigation li.current a:link,
.admin #left-part .navigation li.current a:visited{
	background:#E9F0FD url(images/bullet-second-level-active.png) no-repeat 2px 7px;
	color:#000;
	}
	
.admin #left-part .navigation li a:hover,
.admin #left-part .navigation li.open a {
	background-image:url(images/bullet-first-level-active.png);
	color:#000;
}

.admin #left-part .navigation ul ul {
	margin:0px 5px 5px 13px;
	font-size:1.0em;
}
.admin #left-part .navigation li li {
	border-top:0;
}
.admin #left-part .navigation li.open li a {	
	background-image:url(images/bullet-second-level.png);
	color:#0050D1;
}
.admin #left-part .navigation li.open li a:hover {
	background-image:url(images/bullet-second-level-active.png);
	background-color:#E9F0FD;
	color:#000;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 INFRAGISTICS TAB EXAMPLES
	 	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.infragistics-tab-goes-here-alerts {
	background:url(images/infragistics-example-setupA.png) no-repeat;
	height:33px;
	}

.infragistics-tab-goes-here-notices {
	background:url(images/infragistics-example-notice.png) no-repeat;
	height:33px;
	}

.infragistics-tab-goes-here-account {
	background:url(images/infragistics-example-accoun.png) no-repeat;
	height:33px;
	}

.infragistics-tab-goes-here-myaccount {
	background:url(images/infragistics-example-myacco.png) no-repeat;
	height:33px;
	}

/* Infragistics Alerts Grid  */
.FrameStyle 
{
	border-collapse: collapse;
	font-family: Tahoma, Sans-Serif;
}

.HeaderStyle, .RowStyle, .AlternateRowStyle 
{
	font-size: 10px;
	border: solid 1px #666699;
	padding: 3px;
	cursor: pointer;
}

.HeaderStyle 
{
	background-color: #CCCCFF;
}

.AlertsRowStyle 
{
	background-color: #f2e5e5;
}

.AlertsAlternateRowStyle 
{
	background-color: #f1dddd;
}

.AlertsSelectedRowStyle 
{
	background-color: #ff9378;
}

/* Infragistics Notices Grid  */
.FrameStyle 
{
	border-collapse: collapse;
	font-family: Tahoma, Sans-Serif;
}

.HeaderStyle, .RowStyle, .AlternateRowStyle 
{
	font-size: 10px;
	border: solid 1px #666699;
	padding: 3px;
	cursor: pointer;
}

.HeaderStyle 
{
	background-color: #CCCCFF;
}

.NotesRowStyle 
{
	background-color: #F1F3FE;
}

.NotesAlternateRowStyle 
{
	background-color: #ffffff;
}

.NotesSelectedRowStyle 
{
	background-color: #dbe1ea;
}

.CardForm
{
	background-color: #F1F3FE;
}
/* fade and blur for modalpopups */
.modal_bg
{
  background-color:#000000;
  filter:alpha(opacity=30);
  opacity:0.3;   
}


.modalpopup_panel
{
  width:400px;
  height:400px;
  border:2px solid #F1F3FE;
  background-color:#F1F3FE;
  position:absolute;
}


/* Change Password control */
        .changePassword
        {
            font:14px Verdana,Sans-Serif;
            background-color:#F1F3FE;
            border:none;
            padding:4px;
        }
        .changePassword_title
        {
            background-color:#dbe1ea;
            color:white;
            font-weight:bold;
        }
        .changePassword_instructions
        {
            font-size:12px;
            text-align:left;
            padding:10px;
        }
        .changePassword_button
        {
            border:solid 1px black;
            padding:6px 12px;
        }
#left-part .box table td.dark-blue
{
	padding-top:2px !important;
	padding-bottom:2px !important;
	font-size:1.5em;
	color:#0050D1; /* bright blue */
}