/* --- Epitopia CSS --- */

/* --- General --- */
*							{margin:0; padding:0;}
body						{width:100%; background:#FAFBFF url('./images/header/header_tile.gif') repeat-x top left; font:normal 11px Arial, Helvetica, sans-serif;}
a, img						{border:0;}
h1							{font:bold 14px Arial, Helvetica, sans-serif;}

/* --- Header --- */
.header						
	{ height:78px; }
.logo						
	{ width:216px; padding-top:18px; }
.toptab						
	{ height:28px; background:transparent url('./images/header/toptab_center.gif') repeat-x top left; color:#c4d8f1;
	color:#526a87; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 5px;}
	
.toptab_left				
	{ width:37px; height:28px; background:transparent url('./images/header/toptab_left.gif') no-repeat top left; }
.toptab_right				
	{ width:37px; height:28px; background:transparent url('./images/header/toptab_right.gif') no-repeat top left; }

a.head:link, a.head:active, a.head:visited 
	{ color:#526a87; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 5px; }
a.head:hover				
	{ color:#526a87; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; }
a.menu:link, a.menu:active, a.menu:visited 
	{ display:block; width:90px; height:23px; margin:5px 15px; padding-top:2px; color:#666666; 
	font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; background:transparent; }
a.menu:hover				
	{ display:block; width:90px; height:23px; margin:5px 15px; padding-top:2px; color:#ffffff; 
	font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; 
	background:transparent url('./images/header/menu_hover.gif') no-repeat top left;}
a.active:link, a.active:active, a.active:visited 
	{ display:block; width:90px; height:23px; margin:5px 15px; padding-top:2px; color:#ffffff; 
	font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; 
	background:transparent url('./images/header/menu_hover.gif') no-repeat top left; }
a.active:hover				
	{ display:block; width:90px; height:23px; margin:5px 15px; padding-top:2px; color:#ffffff; 
	font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; 
	background:transparent url('./images/header/menu_hover.gif') no-repeat top left;}

a.contact:link, a.contact:active, a.contact:visited
	{ text-decoration: none; color: #6190C5;}
a.contact:hover
	{ text-decoration: none; color: #336699;}
	
a.contact_delete
	{ display: block; width: 22px; height: 20px; background: transparent url('./images/contacts/user_delete.png') no-repeat top left; cursor: pointer;}
a.contact_delete:hover
	{ display: block; width: 22px; height: 20px; background: transparent url('./images/contacts/user_delete_hover.png') no-repeat top left;}

a.contact_add
	{ display: block; width: 22px; height: 20px; background: transparent url('./images/contacts/user_add.png') no-repeat top left; cursor: pointer;}
a.contact_add:hover
	{ display: block; width: 22px; height: 20px; background: transparent url('./images/contacts/user_add_hover.png') no-repeat top left;}

a.contact_cancel
	{ display: block; width: 22px; height: 20px; background: transparent url('./images/contacts/user_cancel.png') no-repeat top left; cursor: pointer;}
a.contact_cancel:hover
	{ display: block; width: 22px; height: 20px; background: transparent url('./images/contacts/user_cancel_hover.png') no-repeat top left;}

a.contact_search
	{ display: block; width: 22px; height: 20px; background: transparent url('./images/contacts/user_search.png') no-repeat top left; cursor: pointer;}
a.contact_search:hover
	{ display: block; width: 22px; height: 20px; background: transparent url('./images/contacts/user_search_hover.png') no-repeat top left;}

/* --- Content --- */
.content					{width:100%; padding-top:20px; background:#ffffff;}
.loginfield					{width:200px; height:15px; font:normal 11px Arial, Helvetica, sans-serif; color:#526a87;}
a.link1:link, a.link1:active, a.link1:visited {color:#526a87; text-decoration:none;}
a.link1:hover				{color:#526a87; text-decoration:none;}
span.error					{color:#c60925;}

/* --- ContentBox --- */
.contentbox td.topleft		{width:12px; height:32px; background:#e0ecfd url('./images/contentbox/topleft.gif') no-repeat top left;}
.contentbox td.topcenter	{height:32px; background:#e0ecfd url('./images/contentbox/topcenter.gif') repeat-x top left; font:bold 14px Arial, Helvetica, sans-serif; color:#526a87;text-align:left;}
.contentbox td.topright		{width:12px; height:32px; background:#e0ecfd url('./images/contentbox/topright.gif') no-repeat top right;}
.contentbox td.midleft		{width:12px; background:#e0ecfd url('./images/contentbox/midleft.gif') repeat-y top left;}
.contentbox td.midcenter	{background:#e0ecfd; font:normal 12px Arial, Helvetica, sans-serif; color:#666666; word-spacing:1px; line-height:16px;}
.contentbox td.midright		{width:12px; height:12px; background:#e0ecfd url('./images/contentbox/midright.gif') repeat-y top right;}
.contentbox td.botleft		{width:12px; height:12px; background:#e0ecfd url('./images/contentbox/botleft.gif') no-repeat bottom left;}
.contentbox td.botcenter	{height:12px; background:#e0ecfd url('./images/contentbox/botcenter.gif') repeat-x bottom left;}
.contentbox td.botright		{width:12px; height:12px; background: #e0ecfd url('./images/contentbox/botright.gif') no-repeat bottom right;}
.contentbox .message		{padding:5px; background-color: #bbd7fb; border: 1px solid #7eb1f8; font: 12px Arial, Helvetica, sans-serif;}

/* --- LoginBox --- */
.loginbox td.topleft		{width:12px; height:32px; background:#dee2e7 url('./images/loginbox/topleft.gif') no-repeat top left;}
.loginbox td.topcenter		{height:32px; background:#dee2e7 url('./images/loginbox/topcenter.gif') repeat-x top left; font:bold 14px Arial, Helvetica, sans-serif; color:#526a87;}
.loginbox td.topright		{width:12px; height:32px; background:#dee2e7 url('./images/loginbox/topright.gif') no-repeat top right;}
.loginbox td.midleft		{width:12px; height:108px; background:#dee2e7 url('./images/loginbox/midleft.gif') repeat-y top left;}
.loginbox td.midcenter		{background:#dee2e7; font:bold 12px Arial, Helvetica, sans-serif; color:#526a87; word-spacing:1px; line-height:20px;}
.loginbox td.midright		{width:12px; height:12px; background:#dee2e7 url('./images/loginbox/midright.gif') repeat-y top right;}
.loginbox td.botleft		{width:12px; height:12px; background:#dee2e7 url('./images/loginbox/botleft.gif') no-repeat bottom left;}
.loginbox td.botcenter		{height:12px; background:#dee2e7 url('./images/loginbox/botcenter.gif') repeat-x bottom left;}
.loginbox td.botright		{width:12px; height:12px; background:#dee2e7 url('./images/loginbox/botright.gif') no-repeat bottom right;}

/* --- Buttons --- */
.button_action
	{ cursor: pointer; cursor:hand; }
.button_left
	{ background:transparent url('images/button/bar_left.png') top left no-repeat; width:3px; height:27px; }
.button_center
	{ background:transparent url('images/button/bar_tile.png') top left repeat-x; height:27px;
	font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#00486a; }
.button_right
	{ background:transparent url('images/button/bar_right.png') top right no-repeat; width:3px; height:27px; }

/* --- Textarea ---*/
textarea.text 
	{border-width:1px;color:#3C3D3D;font-size:12px;height:250px;padding-left:5px;width:100%;}


/* --- Footer --- */
.footer						{height:75px; background:transparent url('./images/footer/bg.gif') repeat-x top left;}
.footertext 				{font:normal 11px Arial, Helvetica, sans-serif; color:#526a87; line-height:18px;}
a.footerlink:link, a.footerlink:active, a.footerlink:visited {font:normal 11px Arial, Helvetica, sans-serif; color:#526a87; text-decoration:none;}
a.footerlink:hover			{font:normal 11px Arial, Helvetica, sans-serif; color:#526a87; text-decoration:none;}