*
{
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 10pt;
}

body 
{
    background-color:#9DACB5;
    height:100%;
}

#xirafia-logo
{
    background-image: url(../_img/xirafia_logo.png);
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
    float: left;
    display: block;
    text-decoration: none;
}

#m-logo
{
    background-image: url(../_img/m_logo.png);
    background-repeat: no-repeat;
    width: 220px;
    height: 90px;
    float: right;
    display: block;
    text-decoration: none;
}

#dg-logo
{
    background-image: url(../_img/dg_logo.png);
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
    float: right;
    display: block;
    text-decoration: none;
}

/* START: Generic classes */
.right
{
    float: right;
}

.left
{
    float: left;
}

.clear
{
    clear: both;
}

.relative
{
    position: relative;
}

.leftText
{
    text-align: left;
}

.rightText
{
    text-align: right;
}

.centeredText
{
    text-align: center;
}

.justifiedText
{
    text-align: justify;
}

.bold
{
    font-weight: bold;
}

.italic
{
    font-style: italic;
}
/* END: Generic classes */

/* For tables */
table legend
{
    padding: 2px 6px 2px 8px;
    font-weight: bold;
}

table fieldset
{
    padding: 5px;
}

.dv
{
    font-family: Tahoma, Arial, Sans-Serif;
    border: 1px solid #aaa;
    border-collapse: collapse;
    background-color: White;
}

.dv th
{
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    background-color: #eeeeee;
    padding: 7px;
    border: 1px solid #aaa;
    border-collapse: collapse;
}

.dv th.header
{
    text-align: left;
    font-weight: bold;
    font-size: 12pt;
    background-color: #5D7B9D;
    color: white;
    padding: 2px 0 2px 8px;
}

.dv td.footer
{
    text-align: left;
    font-weight: bold;
    background-color: Gray;
    color: white;
}

.dv tr.row-separator td, .dv tr.row-separator th
{
    border-top: 4px solid #AAA;
}

.dv > tbody > tr > td, .dv > tr > td
{
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 12px;
    padding: 4px 7px 4px 7px;
    border: 1px solid #aaa;
    border-collapse: collapse;
    vertical-align: middle;
}

a.btn:link, a.btn:active, a.btn:visited
{
    color: #444;
    background-color: #dfdfdf;
    border: 1px solid #708090;
    padding: 3px 6px 4px 6px;
    text-decoration: none;
    font-family: Tahoma;
    display: inline-block;
}

a.btn:hover
{
    border: 1px solid #506070;
    background-color: #efefef;
    color: #555;
}

/* For link buttons with an image as bg */
a.icon-btn:link, a.icon-btn:active, a.icon-btn:visited
{
    color: #444;
    border: 1px solid #708090;
    padding: 3px 6px 4px 22px;
    text-decoration: none;
    font-family: Tahoma;
    background-color: #dfdfdf;
    background-repeat: no-repeat;
    background-position: 4px 5px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
}

a.icon-right-btn:link, a.icon-right-btn:active, a.icon-right-btn:visited
{
    color: #444;
    border: 1px solid #708090;
    padding: 3px 22px 4px 6px;
    text-decoration: none;
    font-family: Tahoma;
    background-color: #dfdfdf;
    background-repeat: no-repeat;
    background-position: 96% 3px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
}



.bg-search
{
    background-image: url(/_img/search.png);
    background-position: 2px 3px !important;
}

.bg-edit
{
    background-image: url(/_img/iconEdit.png);
    background-position: 2px 3px !important;
}

.bg-accept
{
    background-image: url(/_img/iconAccept.png);
    background-position: 2px 3px !important;
}

.bg-reject
{
    background-image: url(/_img/iconReject.png);
    background-position: 2px 3px !important;
}

.bg-delete
{
    background-image: url(/_img/iconDelete.png);
    background-position: 2px 3px !important;
}

.bg-save
{
    background-image: url(/_img/iconSave.png);
    background-position: 2px 3px !important;
}

.bg-cancel
{
    background-image: url(/_img/iconCancel.png);
    background-position: 2px 3px !important;
}

.bg-excel
{
    background-image: url(/_img/iconExcel.png);
    background-position: 2px 3px !important;
}

.bg-email
{
    background-image: url(/_img/iconEmail.png);
    background-position: 2px 3px !important;
}

.bg-upload
{
    background-image: url(/_img/iconUpload.gif);
    background-position: 2px 3px !important;
}

.bg-passwordEdit
{
    background-image: url(/_img/iconPasswordEdit.png);
    background-position: 2px 3px !important;
}

.bg-emailEdit
{
    background-image: url(/_img/iconEmailEdit.png);
    background-position: 2px 3px !important;
}

.bg-unlock
{
    background-image: url(/_img/iconUnlock.png);
    background-position: 2px 3px !important;
}

.bg-reportEdit
{
    background-image: url(/_img/iconReportEdit.png);
    background-position: 2px 3px !important;
}

.bg-addNewItem
{
    background-image: url(/_img/iconAddNewItem.png);
    background-position: 2px 3px !important;
}

.bg-view
{
    background-image: url(/_img/iconView.png);
    background-position: 2px 3px !important;
}

.bg-next
{
    background-image: url(/_img/wz-next.png);
}

.bg-previous
{
    background-image: url(/_img/wz-previous.png);
    background-position: 2px 3px !important;
}

a.hyperlink:link, a.hyperlink:active, a.hyperlink:visited
{
    font-weight: bold;
    color: Blue;
    text-decoration: underline;
}

div.information
{
    background: #CECECE none repeat scroll 0 0;
    border: 1px solid #0E0E0E;
    display: block;
    margin-bottom: 8px;
    padding: 2px;
}

div.reminder
{
    display: block;
    margin-bottom: 8px;
    background: #ffffcc;
    border: 1px solid #F36F21;
    padding: 5px 5px 5px 5px;
    text-align: center;
    font-weight: bold;
}

div.terms
{
    background: #DDDDDD none repeat scroll 0 0;
    border: 1px solid #636F21;
    display: block;
    font-style: italic;
    margin-bottom: 8px;
    padding: 5px;
    text-align: justify;
}

.capsLockWarning
{
    font-weight: bold;
    font-style: italic;
}

.tip
{
    padding: 8px;
    background-color: #ffffcc;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    width: 420px;
}

.fade
{
	border: solid 1px white;
	display: block;
	padding: 4px 4px 4px 20px;
	background-image: url(/_img/information.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}

img
{
    border: none;
}

.error
{
    color: Red;
}

.modalPopup
{
	background-color: white;
	border-top: 3px solid gray;
	border-left: 3px solid gray;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	padding: 8px;
	width: 450px;
}
.modalPopup-cp
{
	background-color: white;
	border-top: 3px solid gray;
	border-left: 3px solid gray;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	padding: 16px;
	width: 500px;
}

.invisible
{
	width: 0px;
	height: 0px;
	display: none;
	visibility: hidden;
}