@charset "utf-8";

#notification_alert_container {
	float:left;
	margin-right:6px;
	margin-top:4px;
	font-weight:bold;
	display:none;
}

#notification_action_alert_container {
	float:left;
	margin-right:6px;
	margin-top:4px;
	font-weight:bold;
	display:none;
}

.notification_alert_container_style {
	background-color:#999999;
	/*border:2px solid #666666;*/
	border:1px solid #999999;
	color:#FFFFFF;
	border-radius: 3px;
	padding:5px 14px 5px 8px;
	cursor:pointer;

	background-image:url(../images/arrow_white_down_note.png);
	background-position:right;
	background-repeat:no-repeat;
}

.notification_alert_container_style:hover {
	background-color:#AAAAAA;
	border-color:#AAAAAA;
}

.notification_action_alert_container_style {
	background-color:#E04848;
	/*border:2px solid #666666;*/
	border:1px solid #E04848;
	color:#FFFFFF;
	border-radius: 3px;
	padding:5px 14px 5px 8px;
	background-image:url(../images/arrow_white_down_note.png);
	background-position:right;
	background-repeat:no-repeat;
	cursor:pointer;
}

.notification_action_alert_container_style:hover {
	background-color:#F86060;
	border-color:#F86060;
}


.notification_alert_container_selected_style {
	background-color:#FFFFFF;
	border:1px solid #004080;
	color:#555555;
	border-radius: 3px 3px 0px 0px;
	padding:5px 14px 5px 8px;
	background-image:url(../images/arrow_grey_down_note.png);
	background-position:right;
	background-repeat:no-repeat;
	cursor:pointer;
}

.container_close_button {

	position: relative;
	/* right: 8px; */
	top: -4px;
}

#notification_menu {
	position:absolute;
	float:left;
	/*top:52px;*/
	top:38px;
	background-color:#FFFFFF;
	border: 1px solid #004080;
	/*right:105px;*/
	right:3px;
	/*display:none;*/
	padding:8px;
	z-index:43;
	white-space:nowrap;
	width:240px;

	border-radius: 4px 0px 4px 4px;
	/*box-shadow: 2px 2px 5px #555555; */
	box-shadow: 3px 3px 3px #999999;
}

#notification_menu_top_border {
	height:4px;
	background:#FFFFFF;
	width:10px;
	float:right;
	margin-top:-12px;
	cursor:pointer;
}

#notification_menu_inner {
	border: 1px solid #DADADA;
	border-bottom:none;
	overflow-x: hidden;
	overflow-y:auto;
	margin-top:4px;
}

.notification_menu_item {
	/*width:214px;*/
	height:35px;
	/*height:23px;*/
	border:1px solid #EEEEEE;
	border-top:1px solid #F8F8F8;
	border-bottom:1px solid #DADADA;
	padding:6px;
	background-color:#EEEEEE;
	text-shadow:0 1px 0 #F4F4F4;
	cursor:pointer;
	/*font-size:9px;*/
	overflow:hidden;
}

.notification_item {
	background-color:#F5F5F5;
	border:1px solid #999999;
	padding:10px;
	white-space:normal;
	border-radius: 4px 0px 0px 4px;
}

.notification_item_arrow {
	float:right;
	margin-top:8px;
	margin-right:9px;
	height:20px;
	width:11px;
	background-image:url(../images/grey_notification_arrow_right.png);
}

#notification_item_body {
	overflow:hidden;
	padding-left:1px;
	overflow-x:auto;
}
.notification_menu_item:hover {
	background-color:#F4F4F4;
}

#grid_notification_component_container_title {
	/*font-size:12px;*/
	font-weight:bold;
	background-color:#EEEEEE;
	/*height:15px;*/
	height:45px;
	/*padding:4px;*/
	/*padding-right:2px;*/
	border-bottom:1px solid #999999;
	text-shadow:0 1px 0 #FFFFFF;
	overflow:hidden;
}
#grid_notification_options_container {
	font-weight:normal;
	/*float:right; */
	/*margin-right:15px;*/
}

.notification_ann_hideble_content_style {
	border: 1px solid #C5C5C5;
    color: #AAAAAA;
    cursor: pointer;
    font-weight: bold;
    height: 8px;
    line-height: 0px;
    text-align: center;
    width: 20px;
	margin:3px;
	font-size:14px;
}

.notification_ann_hideble_content_style:hover {
	border-color:#AAAAAA;
	color:#999999;
	background-color:#DDDDDD;
}

.grid_notification_tab_style {
	border: 1px solid #AAAAAA;
	border-bottom: 1px solid #DDDDDD;
	background-color:#DDDDDD;
	box-shadow: 1px 1px 0 #FFFFFF inset;
	text-shadow: 1px 1px 0px #EEEEEE;
	display:inline-block;

	border-radius: 4px 4px 0px 0px;
}

.grid_notification_tab_style_selected {
	border: 1px solid #999999 ;
	border-bottom: 1px solid #FFFFFF;
	text-shadow: none;
	background-color:#FFFFFF;
}

#grid_notification_tab_bottom {
	width:20px;
	height:2px;
	margin-top:-1px;
	background-color:#FFFFFF;
	position:absolute;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
}

.grid_notification_menu_db_divider {
	height:14px;
	padding:2px 6px;
	font-weight:bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	/*background-color: #EEEEEE;*/
	background-color:#EEEEEE;
	border-bottom: 1px solid #CCCCCC;
	text-align:center;
}
#grid_notification_options_container_inner {
	text-align:center;
	font-weight:bold;
}
#grid_notification_options_action_refresh_container {
	font-weight:normal;
	color:#FF0000;
}

.grid_notification_menu_item {
	height:25px;
	overflow:hidden;
	border-bottom:1px solid #CCCCCC;
}

.grid_notification_menu_item_inner {
	height:13px;
	border-bottom:1px solid #E0E0E0;
	padding:6px;
	background-color:#FFFFFF;
	cursor:pointer;
	overflow:hidden;
}
.grid_notification_menu_item_inner:hover {
	background-color:#EEEEEE;
	background-image:url(../images/arrow_grey_down_etched_big.png);
	background-position:center;
	background-repeat:no-repeat;
}
.notification_menu_item_selected {
	border:1px solid #999999;
	border-top:1px solid #999999;
	border-left:1px solid #CCCCCC;
	background-color:#CCCCCC;
	text-shadow:0 1px 0 #E3E3E3;
}

.grid_notification_menu_item_inner_selected {
	border-bottom:1px solid #E0E0E0;
	height:13px;
	/*text-shadow:0 1px 0 #FFFFFF;*/
}
.grid_notification_menu_item_inner_selected:hover {
	background-image:url(../images/arrow_grey_up_etched_big.png);
	background-position:center;
	background-repeat:no-repeat;
}

.notification_menu_item_selected:hover {
	background-color:#CCCCCC;
}

.notification_menu_item_unread {
	font-weight:bold;
}

.notification_menu_radio_style {
	margin-left:2px;
	margin-right:2px;
	vertical-align:top;
	border:none;
}

#notification_menu_item_load_more {
	height:13px;
	text-align:center;
	background-color:#FFFFFF;
	padding:6px;
	cursor:pointer;

}
#notification_menu_item_load_more:hover {
	background-color:#EEEEEE;
}

#note_window {
	position:absolute;
	background-color:#FFFFFF;
	border: 1px solid #004080;
	padding:10px;
	padding-top:2px;
	z-index:401;
	box-shadow: 2px 2px 5px #555555;
	border-radius: 4px;
}

#new_note_textarea {
	width:400px;
	height:150px;
	margin-top:4px;
}

#grid_notification_component_container {
	border:1px solid #BBBBBB;
	overflow:auto;
	background-image:url(../images/ann_background.png);
}

.notification_menu_item_hidden_content {
	display:none;
	margin:4px;
	border:1px solid #999999;
}

.grid_notification_menu_item_summary_selected {
	/*background-color:#FFFFFF;*/
	/*text-shadow:none;*/
	/*padding:2px;*/
	height:auto;
}

#notification_menu_refresh_button {
	background-image:url(../images/refresh_grey_small.png);
	width:14px;
	height:14px;
	cursor:pointer;
	float:right;
	margin-right:3px;
	margin-top:0px;
}
#grid_notification_refresh_button {
	background-image:url(../images/refresh_grey_large_etched.png);
	width:16px;
	height:16px;
	cursor:pointer;
	float:right;
	margin-top:4px;
	margin-right:2px;
}
#grid_notification_refresh_button:hover {
	/*background-image:url(../images/refresh_grey_large_etched_highlighted.png);*/
}

.notification_msg_ann_object {
	margin-top:0px;
	padding:0px;
	padding-top:4px;
	display:inline-block;

	margin-left:0px;
	border-left:none;
	padding:3px;
}

.notification_msg_ann_object_inner {
	border:1px solid #BBBBBB;
	background-color:#D2E8FF;
	padding:4px;
	display:inline-block;

	box-shadow: 2px 2px 5px #CCCCCC;

}

.notification_msg_ann_object_text_block {
	border:1px solid #B0D1F4;
	padding:4px;
	display:block;
	background-color:#FFFFFF;
	white-space:normal;
}

.notification_msg_ann_object_text_block a:link,
.notification_msg_ann_object_text_block a:visited {
	text-decoration: underline;
	color: #6666cc;
	border-style:none;
}

.notification_msg_ann_object_text_block a:hover {
	color: #CC0033;
	text-decoration: underline;
}