@import url("../../../img/commonStyles.css");

* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%
}

body {
	background: #fff;
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	height: 100%;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #BFCAD0;
	scrollbar-3dlight-color: #BFCAD0;
	scrollbar-arrow-color: #4BA1D0;
	scrollbar-track-color: #E9EAEB;
	scrollbar-darkshadow-color: #ffffff;
}

a {
	outline: none;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p {
	margin: 0 0 18px
}

img {
	border: none;
}

input {
	vertical-align: middle;
	outline: none;
}

h2 {
	font: normal 21px helvetica, tahoma, arial, sans-serif;
	margin: 15px
}

h3 {
	font: normal 18px helvetica, tahoma, arial, sans-serif;
	margin: 15px
}

.color {
	width: 70px;
}

/*header
 ----------------------------------------------------------------*/
div.top {
	min-width: 650px;
	background: url(top.jpg) no-repeat top left;
	cursor: pointer;
}

.sip {
	background: url(sip.gif) no-repeat 99% 0%;
	height: 100px;
}

div.header {
	background: url(header.gif) repeat-x top left;
	padding: 10px
}

div.header a {
	color: #000;
}

/* menu
 -----------------------------------------------------------------*/
div.menu {
	background: url(menu.gif) repeat-x top left;
}

.menu td {
	border-right: 1px solid #42444b;
	height: 35px;
}

.menu a:hover {
	background: url(menuhover.gif) repeat-x bottom left;
	height: 35px!ie;       /* IE 6,7  */
}

.menu a {
	color: #c8d1d7;
	text-decoration: none;
	font-size: 12px;
	/*height: 35px;*/
	text-align: center;
	padding: 10px 10px 10px 10px;
}

/*Sidebars
 -----------------------------------------------------------------------------*/
td.forms {
	padding: 0 5px 5px 5px;
	font: normal 12px Tahoma;
}

table.forms {
	border: 1px solid #696969;
	background: #f3f3f3;
}

table.forms td.noLeftBorder {
	border-left: none;
}

.forms a {
	color: #000
}

.forms td {
	padding: 3px 5px;
	font: normal 12px Tahoma;
}

.forms td a {
	color: #000;
	font: normal 12px Tahoma;
}

tr.forms_header {
	background: #e0e5e9 url(cellpic1.gif) repeat-x top left;
	height: 28px;
}

tr.forms_header td {
	border-bottom: 3px solid #C8D1D7;
	font: 12px Tahoma;
}

td.forms_body {
	border-left-color: #f3f3f3;
	width: 5%;
}

tr.forms_body td {
	border-color: #FFF;
	border-width: 0px 0 1px 1px;
	border-style: solid;
	font: normal 12px Tahoma;
}

div.forms_det {
	padding: 0 5px 5px 5px;
}

table.forms_det {
	border: 1px solid #696969;
	background: #f3f3f3;
	font: normal 14px Tahoma;
}

table.forms_det select,input {
	margin-left: 1px;
	margin-right: 3px;
}

th.forms_det {
	height: 28px;
	font: bold 14px Tahoma;
	background: url(cellpic1.gif) repeat-x top left;
	border-bottom: 3px solid #C8D1D7;
}

table.forms_det td {
	border-color: #ffffff;
	border-width: 0 0 1px 1px;
	border-style: solid;
	padding: 2px 5px;
}

table.forms_det td b {
	font-size: 12px
}

td.forms_det {
	background: #dddddd;
	width: 20%;
}

/*center
 -----------------------------------------------------------------------------*/
	/*Buttons
 ---------------------------------------------------*/
.button_67 {
	cursor: pointer;
	color: #144C66;
	background: url(button_67.gif) no-repeat top;
	border: 0px;
	width: 67px;
	padding: 5px 3px 7px 3px;
	font: bold 11px Tahoma;
}

.button_67:hover {
	color: #4ba1d0;
}

.button_67[disabled] {
	color: #bbb;
}

.button_75 {
	cursor: pointer;
	color: #144C66;
	background: url(button_75.gif) no-repeat top;
	border: 0px;
	width: 75px;
	padding: 5px 3px 7px 3px;
	font: bold 11px Tahoma;
}

.button_75:hover {
	color: #4ba1d0;
}

.button_110 {
	cursor: pointer;
	color: #144C66;
	background: url(button_110.gif) no-repeat top;
	border: 0px;
	width: 110px;
	padding: 5px 3px 7px 3px;
	font: bold 11px Tahoma;
}

.button_110:hover {
	color: #4ba1d0;
}

.button_140 {
	cursor: pointer;
	color: #144C66;
	background: url(button_140.gif) no-repeat top;
	border: 0px;
	width: 140px;
	padding: 5px 3px 7px 3px;
	font: bold 11px Tahoma;
}

.button_140:hover {
	color: #4ba1d0;
}

.button_150 {
	cursor: pointer;
	color: #144C66;
	background: url(button_150.gif) no-repeat top;
	border: 0px;
	width: 150px;
	padding: 5px 3px 7px 3px;
	font: bold 11px Tahoma;
}

.button_150:hover {
	color: #4ba1d0;
}

div.confirm_delete_button {
	border: none;
	width: 75px;
	height: 25px;
	background: url(confirm_delete_button.gif) no-repeat top right;
	z-index: 1;
	cursor: pointer;
	float: left;
	margin: 0 5px;
}

div.confirm_delete_button:hover {
	background: url(confirm_delete_button_hover.gif) no-repeat top right;
}

input.confirm_delete_button {
	opacity: 0;
	cursor: pointer;
	height: 25px;
	width: 75px;
	float: right;
	border: none;
	z-index: 2;
	background: none;
	color: #eeeeef;
	-moz-opacity: 0;
	filter: alpha ( opacity : 0 );
}

/*Select
 ---------------------------------------------------*/
select.select_gray {
	border: 1px solid #BFCAD0;
	vertical-align: middle;
}

input.post {
	color: #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color: #000000;
	background-color: #eee;
}

select.library_categories {
	width: 220px;
}

/*Authorization
 --------------------------------------------------------------------------------*/
.formAuthorization a {
	font: normal 10px Tahoma;
	color: #7faec3;
}

.formAuthorization {
	background: url(autorisation.jpg) no-repeat top;
	width: 670px;
	height: 457px;
	padding: 10px 35px 5px 65px;
}

.formPassRec {
	background: url(pass_rec.jpg) no-repeat top;
	width: 670px;
	height: 457px;
	padding: 10px 35px 5px 65px;
	font: normal 12px Tahoma;
	color: #7faec3;
}

.positionAuthorization {
	margin: 330px 0px 0px 20px;
}

div.go {
	border: none;
	width: 67px;
	height: 31px;
	background: url(gobutton.gif) no-repeat top right;
	z-index: 1;
}

div.go:hover {
	border: none;
	width: 67px;
	height: 31px;
	background: url(gobutton_hover.gif) no-repeat top right;
	z-index: 1;
}

input.go {
	opacity: 0;
	cursor: pointer;
	height: 31px;
	width: 84px;
	float: right;
	border: none;
	z-index: 2;
	background: none;
	color: #eeeeef;
	-moz-opacity: 0;
	filter: alpha ( opacity : 0 );
}

.mandatory {
	color: red
}

#footer {
	margin: -40px auto 0;
	min-width: 700px;
	max-width: 1680px;
	height: 40px;
	background: #040E28;
	border-top: 1px solid #5F62B1;
}

#footer a {
	color: #c8d1d7;
}

/*****Pop-ups******/
table.pop_up {
	margin: 5px 0 0 5px;
}

/**/
.bl {
	background: #ff793f url(notifications/delete_categoriesLb.gif) 0 100%
		no-repeat;
	margin: 5px 0px 0px 400px;
	width: 40%
}

.br {
	background: url(notifications/delete_categoriesRb.gif) 100% 100%
		no-repeat
}

.tl {
	background: url(notifications/delete_categori.gif) 0 0 no-repeat
}

.tr {
	background: url(notifications/delete_categoriesR.gif) 100% 0 no-repeat;
	padding: 5px 5px 5px 25px;
}

.bl_det {
	background: #b0d3ef url(notifications/bl_detals.gif) 0 100% no-repeat;
	margin: 5px 0px 0px 660px;
	width: 15%
}

.br_det {
	background: url(notifications/br_detals.gif) 100% 100% no-repeat
}

.tl_det {
	background: url(notifications/tl_detals.gif) 0 0 no-repeat
}

.tr_det {
	background: url(notifications/tr_detals.gif) 100% 0 no-repeat;
	padding: 3px 25px 4px 40px;
	color: #294887
}

.mg_r {
	margin: 10px 100px 0 450px;
}

.bl_r {
	background: #b0d3ef url(notifications/bl_detals.gif) 0 100% no-repeat;
	float: left;
}

.br_r {
	background: url(notifications/br_detals.gif) 100% 100% no-repeat;
}

.tl_r {
	background: url(notifications/tl_detals.gif) 0 0 no-repeat;
}

.tr_r {
	background: url(notifications/tr_detals.gif) 100% 0 no-repeat;
	padding: 5px 15px 7px 15px;
	color: #294887
}

/*orange*/
.bl_o {
	background: #ff793f url(notifications/delete_categoriesLb.gif) 0% 100%
		no-repeat;
}

.br_o {
	background: url(notifications/delete_categoriesRb.gif) 100% 100%
		no-repeat;
}

.tl_o {
	background: url(notifications/delete_categori.gif) 0% 0% no-repeat;
}

.tr_o {
	background: url(notifications/delete_categoriesR.gif) 100% 0 no-repeat;
	padding: 5px 15px 7px 15px;
	color: #ffffff;
}

/*green*/
.bl_gr {
	background: #81e193 url(notifications/edit_categoriesLb.gif) 0 100%
		no-repeat;
}

.br_gr {
	background: url(notifications/edit_categoriesRb.gif) 100% 100% no-repeat;
}

.tl_gr {
	background: url(notifications/edit_categori.gif) 0 0 no-repeat;
}

.tr_gr {
	background: url(notifications/edit_categoriesR.gif) 100% 0 no-repeat;
	padding: 5px 15px 7px 15px;
	color: #ffffff
}

/**/
.bl_g {
	background: #b3ebba url(notifications/addSuccessLeft.jpg) 0 100%
		no-repeat;
	float: left;
}

.br_g {
	background: url(notifications/addSuccessLeft.jpg) 100% 100% no-repeat;
}

.tl_g {
	background: url(notifications/addSuccessLeft.jpg) 0 0 no-repeat;
}

.tr_g {
	background: url(notifications/addSuccessLeft.jpg) 100% 0 no-repeat;
	padding: 3px 15px 4px 15px;
	color: #000
}

.tail_blue {
	height: 10px;
	background: url(notifications/bb_detals.gif) no-repeat 80% 100%;
}

.tail_green {
	height: 10px;
	background: url(notifications/edit_categoriesBtt.gif) no-repeat 80% 100%;
}

.tail_orange {
	height: 10px;
	background: #ffffff url(notifications/delete_categoriesBtt.gif)
		no-repeat 80% 100%;
}

/*Contacts*/
.viewContacts {
	border: 1px solid #98AAB1;
	font: normal 11px Verdana, sans-serif;
	background-color: #f3f3f3;
	padding: 13px 15px;
	height: 300px;
}

.viewContacts input,select {
	margin: 2px 5px;
}

.singleContact:hover {
	text-decoration: underline;
}

.scroll_viewContacts {
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
	height: 220px;
}

.padd_viewContacts {
	padding: 7px;
}

.menu_linedrop {
	width: 100%;
	top: 35px;
	text-align: center;
	background: #fff url(fade.gif);
	border-bottom: 1px solid #aaa;
}

.menu_linedrop a {
	border-right: 1px solid #aaa;
	display: block;
	height: 25px;
	line-height: 22px;
	float: left;
	padding: 1px 15px 0 15px;
	margin: 0;
	white-space: nowrap;
	color: #333;
	font-size: 10px;
}

.menu_linedrop a:hover {
	background: url(fade_hover.gif);
}

span.check_users_contacts {
	text-decoration: underline;
	cursor: pointer;
}

span.check_users_contacts:hover {
	text-decoration: none;
}

/*History*/
tr.history td {
	padding: 0px;
}

tr.history table {
	font: normal 12px Tahoma;
}

table.historysent {
	background: #ddd;
}

table.historysent td {
	padding: 5px;
}

table.historyreceived {
	background: #eee;
}

table.historyreceived td {
	padding: 5px;
}

/*Customization*/
img.customize_image {
	border: 1px solid #000;
}

div.header_customize {
	background: #e0e5e9;
	padding: 5px;
	border-bottom: 1px solid #aaa;
	cursor: pointer;
}

div.sub_header_customize {
	background: #F4FAEC;
	padding: 5px;
	margin: 5px 0 0 10px;
	border-bottom: 1px solid #aaa;
	cursor: pointer;
}

.help_drag_sponsor_g {
	width: 220px;
	height: 212px;
}

.drag_sponsor_g {
	width: 220px;
	height: 212px;
	position: absolute;
}

.help_drag_sponsor_v {
	width: 135px;
	height: 165px;
}

.drag_sponsor_v {
	width: 135px;
	height: 165px;
	position: absolute;
}

.sponsor_dragDiv {
	position: absolute;
	cursor: move;
}

.sponsor_dragDiv .sponsor_handler {
	background: red;
}

.sponsor_dragDiv .sponsor_handler2 {
	width: 15px;
	height: 10px;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	position: absolute;
	right: 1px;
	bottom: 1px;
	cursor: nw-resize;
}

/*Attachments*/
.hv {
	border: 2px solid #6694E3;
	float: left;
	padding: 5px;
}

.hu {
	border: 0 none;
	float: left;
	height: 16px;
	width: 16px;
}

.hr {
	border-collapse: collapse;
	margin: 8px 0 0 5px;
}

.hr tr td {
	border: none;
}

.cf {
	border-collapse: collapse;
}

.hw {
	padding-right: 7px;
	vertical-align: middle;
}

/*Misc*/
.note {
	color: #777;
	margin: 3px;
}

.note ul {
	margin: 0 0 0 15px;
}

/* pagination   */
.pagination {list-style:none; margin:10px 0px 0px 0px; padding:0px; clear:both;}
.pagination li{float:left; margin:3px;}
.pagination li a{   display:block; padding:3px 5px; color:#fff; background-color:#44b0dd; text-decoration:none;}
.pagination li a.active {border:1px solid #000; color:#000; background-color:#fff;}
.pagination li a.inactive {background-color:#eee; color:#777; border:1px solid #ccc;}