@charset "utf-8";

/* ============================== COMMON FORM ============================== */
input,
select,
select option,
textarea
{
	font-family				: inherit;
	font-size				: 100%;
}
select,
input,
textarea
{
	border					: 1px solid #BEBEBE;
}
input[type="text"],
input[type="password"],
textarea
{
	padding					: 0.1em;
}
textarea
{
	height					: 6em;
}
textarea.regular
{
	width					: 24em;
}
select.regular
{
	width					: 12em;
}
input[type="checkbox"]
{
	border					: 0px !important ;
}
input[type="image"]
{
	border					: none;
}
.pending
{
	color					: #FDA562;
}

/* ============================== GRID ============================== */
.grid
{
	width					: 100%;
	border					: 0px;
	border-bottom			: 1px solid #e9e9eb;
}
.grid tr
{
	border-right			: 1px solid #e9e9eb;
	border-left				: 1px solid #e9e9eb;
}
input[type="button"], input[type="submit"] {
	background-color:#1b78cc;
	color:#fff !important;
	height:28px;
}
.grid table tr
{
	border					: none;
}
.grid th
{
	background				: #1b78cc;
	font-weight				: bold;
	color					: #fff;
	text-align				: left;
	padding					: 8px 8px;
	border-left				: 1px solid black;
}
.grid th:first-child
{
	border-left				: 1px solid #000000;
}
.grid th a
{
	color					: #fff;
	background				: url("../images/sortoff.gif") no-repeat center right;
	padding					: 0 15px 0 0;
	text-decoration : none;
}
.grid .sorton-asc a
{
	background				: url("../images/sorton-asc.gif") no-repeat center right;
}
.grid .sorton-desc a
{
	background				: url("../images/sorton.gif") no-repeat center right;
}
.grid td
{
	padding					: 4px 8px;
	color                   : #777;
}
.grid .odd td
{
	background				: #f8f8f9;
}
.grid .even td
{
	background				: #fff;
}
.grid .grid-actions .action-item
{
	display					: inline-block;
	padding-right			: .5em;
}
.grid .grid-actions .clmn1
{
	width					: 50px;
}
.grid .grid-actions a img
{
	margin-bottom			: -2px;
	margin-left				: .5em;
	display					: none;
}
.grid .grid-actions a span
{
	text-decoration			: underline;
}
.grid .grid-actions a:hover span
{
	text-decoration			: none;
}
.grid .selected td
{
	background				: #505255 !important;
	color: #fff;
}
.grid .numbertd
{
	text-align				: right;
}
.grid .paging
{
	border					: none;
	border-top				: 1px solid #E9E9EB;
}
.grid .paging td 
{
	background				: url("../images/grid-th.png") repeat-x 0 0 #373D49;
	color					: #fff;
	font-weight				: bold;
	padding					: 4px 4px;
}
.grid .paging td table td 
{
    background              : none;    
}
.grid .paging a
{
	color					: #fff;
}
.grid .paging a,
.grid .paging span
{
	padding					: 0 5px;
}

.grid td.grid-actions 
{
    width                   : 136px;
}
.grid ul.action-buttons
{
	text-align				: center;
}
.grid ul.action-buttons li
{
	margin			: 4px 0px;
}
.grid ul.action-buttons li input
{
	width					: 130px;
	height                  : 28px;
	font-weight				: normal;
	color					: #fff;
	border					: 0px;
	background-repeat       : no-repeat;
	background-position     : center bottom;
	background-color        : #1b78cc;
	padding                 : 0px;
}
.grid ul.action-buttons li input:hover
{
	cursor					: pointer;
	background-position     : center top;
	color					: #FFFFFF;
}

/* ============================== DATA GRID ============================== */
.datagrid td
{
	vertical-align			: top;
	font-weight				: bold;
	padding					: 5px 5px 5px 0px;
	line-height				: 2em;
}
.datagrid .label
{
	color					: #333333;
	font-weight				: bold;
}
.datagrid span
{
	color					: #666666;
}
.datagrid input[type="checkbox"]
{
	margin-top				: .5em;
}
.datagrid input[type="text"],
.datagrid input[type="password"],
.datagrid textarea
{
	width					: 24em;
	width					: 276px;
}
.datagrid select
{
	width					: 24.3em;
	width					: 281px;
}
.v-midd td
{
	vertical-align			: middle !important;
}

/* ============================== BUTTON BLOCK ============================== */
.button-block,
.button-block-left,
.button-block-right
{
	padding					: 10px 0px;
	height					: 2.3em;
}
span.button
{
	background				: #1b78cc;
	display					: block;
	float					: right;
	margin-right			: 3px;
	height					: 28px;
	line-height				: 16px;
	padding-right			: 10px;
	text-decoration			: none;
}
span.button a
{
	background				: #1b78cc;
	display					: block;
	padding					: 6px 0px 6px 10px;
	margin-left				: 0px;
	_margin					: 0 0 0 -1px;
	color					: #fff;
	text-decoration			: none;
	min-width				: 4em;
	text-align				: center;
	height					: 16px;
	font-weight				: bold;
}
span.button:hover
{
	background-position		: right -28px;
}

span.button:hover a 
{
    background-position		: left -28px;
}
.button-block-right span.button
{
	float					: right;
	margin-left				: 6px;
	margin-right			: 0px;
}
.button-block-left span.button 
{
	float					: left;
	margin-right			: 6px;
	margin-left				: 0px;
}

/* ============================== FILE UPLOAD FIX FORM ============================== */
.file-fix-form
{
	position				: relative;
	padding					: 0;
	margin					: 0;
	width					: 24.05em;
	width					: 24.15em;
	width					: 280px;
}
.input-file-container
{
	height					: 2.4em;
	overflow				: hidden;
	position				: absolute;
	right					: 0;
	cursor					: pointer;
	top						: 0px;
}
.file-input
{
	position				: absolute;
	opacity					: 0;
	filter					: alpha(opacity=0);
	right					: 0;
	cursor					: pointer;
	height					: 2.4em;
}
.input-file-container:hover span.button
{
	background				: url(../images/buttons.png) no-repeat right -28px;
	color					: #fff;
}
.input-file-container:hover span.button a
{
	background				: url(../images/buttons.png) no-repeat left -28px;
	color					: #fff;
}
.file-fix-mask
{
	height					: 2.1em;
	padding-top				: 0.3em;
}
.datagrid input.file-input-text,
input.file-input-text
{
	width					: 180px;
}

.existent-list
{
	margin-bottom			: 0.7em;
	width					: 280px;
}
.existent-file
{
	background				: #616871;
	color					: #666;
	padding					: 0.3em 0.3em 0.5em;
	line-height				: normal;
	font-weight				: normal;
}
.existent-file a
{
    color                   : #ffffff;
}
.existent-file a:hover
{
    text-decoration         : none;
}
.divider
{
	height					: 3px;
	margin-bottom			: 2px;
	border-bottom			: #D3D3D3 dashed 1px;
}
.but-close
{
	display					: block;
	width					: 16px;
	height					: 16px;
	cursor					: pointer;
	float					: right;
	font-size				: 16px;
	font-weight				: bold;
	line-height				: 12px;
	text-align				: center;
	text-decoration			: none;
	color					: #7e7e7e;
}
.but-close:hover
{
	color					: #000000;
}

/* ============================== SELECT FILE FORM ============================== */
.select-file
{
	margin					: 0.5em 0 1em;
}
.select-file select
{
	width					: 24.15em;
	width					: 280px;
}

/* ============================== ROLES KIT ============================== */
.kit
{}
.kit table
{}
.kit table td
{
	vertical-align			: top;
}
.kit table td.between
{
	width					: 41px;
	vertical-align			: middle;
}
.kit label
{
	font-weight				: bold;
}
.role-set
{
	margin					: 5px 0px;
	width					: 24em;
	width					: 280px;
	height					: 10em;
	overflow-y				: scroll;
	border					: 1px solid #7E7E7E;
	border					: 1px solid #BEBEBE;
}
.role-set ul
{}
.role-set ul li
{
	color					: #777;
	padding					: 3px 5px;
}
.role-set ul li:hover
{
	background				: #eeaa16;
	cursor					: pointer;
	color :#fff;
}
.role-set ul li.selected,
.role-set ul li.selected:hover
{
	background				: #eeaa16;
	color					: #000000;
}
.role-set ul li span
{}
.button-arrow
{
	display					: block;
	width					: 46px;
	background-image		: url(../images/buttons46.png);
	background-repeat		: no-repeat;
	margin					: 10px 5px;
	height					: 24px;
	line-height				: 18px;
	padding-top				: 4px;
	text-align				: center;
	text-decoration			: none;
	color					: #FFFFFF;
	font-weight				: bold;
}
.button-arrow:hover
{
	background-color		: #8c2c09;
	color					: #fff;
}
.button-arrow.left
{
	background-position		: 0px 0px;
}
.button-arrow.left:hover
{
	background-position		: 0px -28px;
}
.button-arrow.right
{
	background-position		: 0px 0px;
}
.button-arrow.right:hover
{
	background-position		: 0px -28px;
}
.contactsPageTD {
	width:20%;
}
/* ============================== ORGANIZATION DATA ============================== */
.orgdata {}
.orgdata td
{
	vertical-align			: middle;
}
.orgdata .small {}
.orgdata .common {}
.orgdata .wide {}