@charset "utf-8";
/* CSS Document */

#di-container{ background:#fff url(../images/text-container-bg.jpg) left 140% no-repeat; /*width:918px;*/ margin:0 auto; font-size:12px; /*box-shadow:0px 0px 2px #ccc; -moz- box-shadow:0px 0px 2px #ccc; -webkit- box-shadow:0px 0px 2px #ccc;*/ text-align:left; border:1px solid #DDE9F4;}
#di-container2{ margin:0 auto; font-size:12px;}
#di-container a, #di-container2 a{color:#555;}
#di-container2 a.button{color:#fff;}
#di-container a:hover, #di-container2 a:hover{color:#157ec2;}
#di-container2 a.button:hover{color:#fff;}
.text-container ul li{float:left; width:245px; padding:3px 0 8px 0px; list-style-image:url(../images/list-dot.png); list-style-position:inside; font-size:14px; line-height:20px; }
.title-section{
	/*background:url(../images/di-title-bg.jpg) left top no-repeat;*/
	background:#E7F3FF;
	height:42px;
	/*border-bottom:1px solid #BBD1E7;*/
}
.title-section h1{
	font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; padding:10px 10px 5px 20px; color:#888;  float:left;
}
.title-section h2{
	font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; padding:13px 10px 5px 0px; color:#888;  float:left;
}
#di-container .title-section h2{
	margin:0;
}
.text-container h3, #alertcontainer h3{
	font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; padding:5px 20px 20px 0px; margin:0;
}

.text-container{padding:0px 20px 50px 20px}
.text-container .row2{margin:0; padding:5px; width:31%; float:left; clear:right;} 
.text-container .row3{margin:0; padding:5px;} 
.row3 .icon{float:left; width:50px; text-align:center;}
.row3 .text-link{float:left; width:240px; font-size:15px; padding:9px 0 0 0;}
.row3 .text-link strong{font-size:12px; color:#5fc7ff;}

.split-40percent{ width:50%; float:left;}
.split-60percent{ width:60%; float:left;}
.split-20percent{ width:20%; float:left;}
.split-80percent{ width:80%; float:left;}


.mainlinks-container{ margin:20px auto; width:375px; padding:1px; border:1px solid #d5e9ff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} 
.mainlinks-container .border{border-bottom:1px solid #d5e9ff;}

.row2 .form-title{text-align:left;  line-height:16px; font-weight:bold; color:#666; padding:2px 0;}
.row2 .subtext{color:#999; font-size:11px; }

.text-container .selectbox{width:auto; font-size:12px; font-family:Arial, Helvetica, sans-serif; border:1px solid #eee;}
.text-container .inputbox{font-size:12px; font-family:Arial, Helvetica, sans-serif; border:1px solid #ddd;}
.text-container .row3 textarea{font-size:12px; padding:5px; line-height:18px;}

.navigation ul{ /*background: url("../images/di-title-bg.jpg") no-repeat scroll left top transparent;*/ padding:0; margin-left:8px; border-left:1px solid #ccc; }
.navigation ul li{ float:left; padding:10px; font-weight:14px; font-weight:bold; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc;  list-style:none; height:37px; line-height:16px; text-align:center;}
.navigation ul li:hover, .navigation ul li.on{background:url("../images/di-title-bg.jpg") no-repeat scroll left bottom transparent; }
.navigation ul li:hover a:hover, .navigation ul li:hover a{ color:#157ec2;}

#di-container .greenbutton a, #di-container2 .greenbutton a{background:#7fac24; color:#fff; font-weight:bold; font-weight:bold; padding:9px 35px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; float:left; border:1px solid #fff}

#di-container .greenbutton a:hover, #di-container .greenbutton a.on, #di-container2 .greenbutton a:hover, #di-container2 .greenbutton a.on{background:#83b225; color:#fff; font-weight:bold; font-weight:bold; padding:9px 35px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; float:left; border:1px solid #78a322;}


.mailnav{background:#f5f8fd; margin:5px 0; width:95%}
#di-container .mailnav dt a, #di-container2 .mailnav dt a{ color:#157ec2;}
#di-container .mailnav dt, #di-container2 .mailnav dt{ padding:5px 10px;}
#di-container .mailnav dd, #di-container2 .mailnav dd{ padding:5px 20px;}

#di-container .mailnav dt:hover, #di-container .mailnav dd:hover, #di-container2 .mailnav dt:hover, #di-container2 .mailnav dd:hover{ background:#eee url(../images/down.gif) 95% 6px no-repeat;}

#di-container .mailnav dt a.on, #di-container .mailnav dd a.on, #di-container2 .mailnav dt a.on, #di-container2 .mailnav dd a.on{ font-weight:bold; color:#157EC2;}

.datagridhead{background:#ced9e2;}

.datagrid table{width:100%; line-height:15px; font-size:11px;}
.datagrid .selectitem{width:5%; text-align:center;}
.datagrid .name{width:14%;}
.datagrid .sub{width:15%;}
.datagrid .category{width:10%;}
.datagrid .place{width:22%}
.datagrid .date{width:8%; text-align:center;}

.datagrid table tr td{padding:5px 3px; border-bottom:1px solid #dfebf5;}
.datagrid table tr.alt td{background:#FBFDFE;}
.datagrid table tr.unread td{font-weight:bold;}
.datagrid table tr th{background:#E7F3FF; text-align:left; font-weight:bold; padding:5px 3px; color:#0b426c; text-shadow:1px 1px 0 #e5eefb;}
.datagrid table tr:hover td, .datagrid table tr.select td{background:#f5f8fd;}
.datagrid table tr td .unable{display:none;}
.datagrid table tr:hover td .unable{display:inline;}
.datagrid table tr td a img{padding-bottom:2px;}

.deldiv{padding:10px 3px;  float:left;}
.deldiv .del{padding:4px 8px 4px 25px;  margin-bottom:5px; font-size:12px; color:#157ec2; font-weight:bold; background:url(../images/deletemail.png) 5px 3px no-repeat; border-radius:2px;}
.pager{float:right; padding:9px;}
.pager strong{padding-left:10px;}

.mailboxbg{ background:url(../images/mail_bg.png) 98% 100% no-repeat; height:82px;}

.searchouter{ background:url("../images/di-title-bg.jpg") no-repeat scroll 3% 95% transparent; padding:4px 5px; float:right; border:1px solid #72c8ff; border-radius:22px; -webkit-border-radius:22px; -moz-border-radius:22px; margin:24px; }
.searchinner{background:#fff; padding:4px 3px 4px 3px; border:1px solid #72c8ff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; float:left; margin:0 3px 0 0; box-shadow:1px 2px 1px #BBBBBB inset; -moz-box-shadow:1px 2px 1px #BBBBBB inset; -webkit-box-shadow:1px 2px 1px #BBBBBB inset; }
.searchinner input{border:0; }
.searchbutton{float:left;}
.searchoptions{background:#DDE9F4; padding:6px;}
/*.setpreference{background:#ffea84; border-bottom:1px solid #df9a46; color:#555; font-size:11px;}*/
.setpreference{ /*background: url("../images/draggable-unit.png") repeat-x scroll 0 0 transparent;*/ background:#fbfdfe; border-top: 1px solid #D5E9FF; border-bottom: 1px solid #D5E9FF; font-e:siz11px;}
.setpreference h2{font-size:16px; font-weight:bold; padding:15px 5px 15px 15px;}
.setpreference .col1{font-weight:bold; color:#555;}
.setpreference .col2 .smallblock{width:130px; float:left; color:#000; padding:2px 0; font-size:12px; font-weight:normal;}
.setpreference .selectbox2, .setpreference input[type=text]{padding:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:5px; width:235px;}
.setpreference .alt{background:#f7f9fa; border-bottom:0px solid #c2e1f5;}
.setpreference .row2{ padding:10px 0;}
.setpreference .row2 .col1 {
    float: left;
    margin-right: 10px;
    padding: 0 20px 0px 15px;
	width:265px;
}	
.setpreference .row2 .col2 {
    float: left;
    width: 560px;
}

.savebuttton{background:-moz-linear-gradient(center top , #F9FCFF, #E0EFFF) repeat scroll 0 0 transparent; color:#333; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:5px 15px;}
#adminmaincontainer .savebuttton{background:url("../images/bg_header.jpg") repeat scroll 0 0 transparent; color:#fff; border-radius:3px; border:0px solid #d4dfea; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:3px 5px; cursor:pointer;}

#notification{ background:url(../images/preferenceicon.png) 10px 5px no-repeat; padding:10px 50px; line-height:22px; font-size:14px;}
#notification a{ color:#fff; background:#127FC4; padding:2px 5px;}
#notification a:hover{ color:#333; }

#alertcontainer{padding:10px 20px; line-height:22px; font-size:14px; clear:both;}
.alertbutton{float:left; padding:0px 10px; background:#F5F8FD; border:1px solid #CED9E2; font-size:11px; font-weight:bold; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; margin-right:5px; cursor:pointer; margin-bottom:10px;}
.alertbutton:hover, .alertbutton.on{float:left; padding:0px 10px; background:#fffcbe; border:1px solid #ffd920; font-size:11px; font-weight:bold; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; margin-right:5px;}

.alerttitle{ font-size:15px; font-family:Georgia,"Times New Roman",Times,serif; padding:5px; color:#666; float:left;}
.alerttitle span{color:#0B426C; line-height:25px;}
.alertlinks{float:right; padding:7px;}
.alertlinksleft{float:left; padding:7px;}
.alertlinks a{background:url("../images/bg_header.jpg") repeat scroll 0 0 transparent; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px 12px; font-weight:bold; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border:0px solid #9299a0; margin:0 2px 0 0; text-shadow:0px 0px 0 #fffcbe; color:#fff; text-decoration:none;}
.alertlinks a:hover{background:#2c72bf; font-size:11px; padding:3px 12px; font-weight:bold; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border:0px solid #969ea5; margin:0 2px 0 0; text-shadow:0px 0px 0 #e7f3ff; color:#fff;}
.alertlinksleft span, .alertlinks span{ font-size:11px; padding:3px 12px 3px 0; font-weight:normal; color:#555;}
.alertlinksleft span strong{color:#000; font-size:12px;}
.alertlinksleft span em{color:#000; font-weight:bold; }
#di-container h2{margin-left:0px;}

#subjects .selectbox{padding:3px; font-size:12px; height:26px;}
#di-container .alertlinks a{color:#fff;}
#di-container .datagrid table tr td a{color:#127FC4; font-weight:bold; display:block; padding:3px 0; text-align:center;}
#di-container .datagrid table tr td .nolink{color:#333; font-weight:bold; display:block; padding:3px 0; text-align:center;}
#di-container .datagrid table tr td .shortlist{background:url("../images/check.png") left top no-repeat; padding-left:20px;}
#di-container .datagrid table tr td .reject{background:url("../images/reject.png") left top no-repeat; padding-left:20px;}
#di-container .datagrid table tr td a:hover{color:#fff; font-weight:bold; display:block; padding:3px 0; text-align:center; background:#127FC4;}
.disable{background:#fbfdfe; border:1px solid #e3e5e6;}
.title-section .float_right{float:right; padding:17px;}

#paginationdiv .paging{border:0;}
#paginationdiv .paging #displayPagesCount li{margin:3px 8px 0 0;}
#paginationdiv .paging #displayPagesCount li a{padding:3px 6px; background:#eee; color:#222; text-decoration:none;}
#paginationdiv .paging #displayPagesCount li.displayPaging2_active a{padding:3px 6px; background:#ccc; color:#222; text-decoration:none;}
#paginationdiv .paging #pag_prev a{left:68%; line-height:15px; color:#4791CE; font-size:11px; font-weight:bold; border:0px solid #1491CA; padding:2px 2px 1px; background: #ddd; text-align:center; top:4px; height:18px;}
#paginationdiv .paging #pag_next a{color:#4791CE; font-size:11px; font-weight:bold; width:50px; border:0px solid #1491CA; padding:2px 2px 1px; background:#ddd; text-align:center; line-height:15px; height:18px; top:4px; right:20px;}
#paginationdiv #displayPaging ul{float:right; margin-top:5px; padding-right:175px;}
#paginationdiv .pageCounts{padding:3px; font-weight:bold; float:left; margin-top:6px;}
#displayPaging{padding:0 20px;}


#TB_window{border:8px solid #fff; box-shadow:0 0 4px #b8cee0; -moz-box-shadow:0 0 4px #b8cee0; -webkit-box-shadow:0 0 4px #b8cee0;}
/*#TB_window #TB_title{background:#ccc;}*/
#TB_window #TB_iframeContent{margin-top:0;}

#di-container a.button, #di-container a.button:hover{color:#fff;}

.tabbutton{float:left; padding:10px; background:#f5f8fd; border:1px solid #c2ccd6; font-size:11px; font-weight:bold; border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; margin-right:1px; cursor:pointer; border-bottom:0;}
.tabbutton:hover, .tabbutton.on{float:left; padding:10px; background:#dde9f4; border:1px solid #c2ccd6; font-size:11px; font-weight:bold; border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; margin-right:1px; border-bottom:0;}

.shortliststatus  ul li{list-style:none; padding:3px 10px; width:150px; font-size:11px; border-bottom:1px solid #eee;}
.shortliststatus{display:none; position:absolute; right:75px; top:21px; z-index:99; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 2px 1px 3px #CCCCCC; color: #666666; font-weight:bold; }