﻿/*
=========================
	HTML TAGS
=========================
*/
a
{
    color               : #293581;
    text-decoration     : none;
}
a:hover
{
    color               : #293581;
    text-decoration     : underline;
}   
body 
{
	color				: #000000;
	font-family			: Arial;
	font-size			: 8pt;
	margin				: 0px;
	height				: 100%;
	width				: 100%;
	text-align			: center;   
}
#adminContainer
{
	background-color	: #FFFFFF;
	color				: #000000;
	font-family			: Arial;
	font-size			: 8pt;
	text-align          : left;
}
#main
{
	border-left			: solid 1px #c6c8ca;
	border-right		: solid 1px #c6c8ca;
	height				: 100%;
	width				: 760px;
	background-color	: #FFFFFF;
	text-align			: left;
	font-family			: Arial;
	font-size			: 8pt;
}
td.footer
{

	padding-bottom		: 0px; 
	height				: 30px; 
	width				: 760px;
	margin-bottom		: 0px;
	vertical-align      : middle;
	text-align          : center;
    border-top          : 1px solid #c6c8ca; 
}
/*
=========================
	WEB LAYOUT
=========================
*/
#Container
{
	margin-left			: auto;
	margin-right		: auto;
	position			: relative;
	width				: 760px;
	height				: 100%;
	font-size			: 9pt;
}

/*
=========================
	FORMS
=========================
*/
.ButtonUpload
{
	border-bottom		: solid 1px #000000;
	border-right		: solid 1px #000000;
	border-left			: solid 1px #000000;
	border-top			: solid 1px #000000;
	color				: #000000;
	font-family			: Arial;
	font-size			: 8pt;
	font-weight			: normal;
}
.Button
{
    background-color    : #FFFFFF;
    filter				: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#dfe0e1');
	border-right		: solid 1px #535355;
	border-bottom		: solid 1px #535355;
	border-left			: solid 1px #535355;
	border-top			: solid 1px #535355;
	color				: #535355;
	font-family			: Arial;
	font-size			: 8pt;
	width				: 80px;
}
.ButtonSearch
{
    background-color    : #FFFFFF;
    filter				: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#dfe0e1');
	border-right		: solid 1px #535355;
	border-bottom		: solid 1px #535355;
	border-left			: solid 1px #535355;
	border-top			: solid 1px #535355;
	color				: #535355;
	font-family			: Arial;
	font-size			: 8pt;
	width				: 40px;
}
.Input
{
	background-color	: #FFFFFF;
	border-right		: solid 1px #000000;
	border-bottom		: solid 1px #000000;
	border-left			: solid 1px #000000;
	border-top			: solid 1px #000000;
	color				: #000000;
	font-family			: Arial;
	font-size			: 8pt;
}
.InputSearch
{
	background-color	: #FFFFFF;
	border-right		: solid 1px #535355;
	border-bottom		: solid 1px #535355;
	border-left			: solid 1px #535355;
	border-top			: solid 1px #535355;
	color				: #000000;
	font-family			: Arial;
	font-size			: 8pt;
}
DIV.Item
{
	float				: left;
}
DIV.Label
{
	float				: left;
	line-height			: 18px;
	width				: 120px;
	text-align			: left;
	padding-left		: 10px;
}
DIV.Row
{
	float				: left;
	margin-bottom		: 4px;
	width				: 400px;
	font-family			: Verdana;
	font-size			: 8pt;
}
div.ErrorMessage
{
	background-color	: #FFFFFF;
	color				: #B70005;
	text-align			: left;
	float               : left;
	font-size           : 9pt;
}
/*
=========================
	SERVICE DATAGRID
=========================
*/
.ServiceItem
{
    font-size           : 10pt;
    color               : #000000;
    padding-bottom      : 4px;
}
.ServiceItem a
{
    font-size           : 10pt;
    text-decoration     : none;
    color               : #000000;
}
.ServiceItem a:hover
{
    font-size           : 10pt;
    text-decoration     : underline;
    color               : #000000;
}

/*
=========================
	MAIN MENU
=========================
*/
.LinkOff
{
    color               : #000000;
    text-decoration     : none;
}
.LinkOn
{
    color               : #293581;
    text-decoration     : underline;
}
a:hover.LinkOn
{
    color               : #000000;
    text-decoration     : underline;
}

/*
=========================
	DEFAULT PAGE
=========================
*/
div.defaultContainer
{
    background-image    : url(../images/main_bg.jpg); 
    background-position : center top; 
    background-repeat   : no-repeat;
    width               : 760px; 
    padding-top         : 20px;
}
div.defaultContent
{
    float               : left; 
    width               : 280px; 
    padding             : 20px; 
    background-color    : Transparent;
    text-align          : justify;
    font-size           : 9pt;
}
HTML>BODY div.defaultContent
{
    float               : left; 
    width               : 240px; 
    padding             : 20px; 
    background-color    : Transparent;
    text-align          : justify;
    font-size           : 9pt;
}
div.defaultServices
{
    float               : left; 
    width               : 280px; 
    padding             : 20px; 
    border-right        : 1px dotted #c6c8ca; 
    border-left         : 1px dotted #c6c8ca;
}
HTML>BODY div.defaultServices
{
    float               : left; 
    width               : 240px; 
    padding             : 20px; 
    border-right        : 1px dotted #c6c8ca; 
    border-left         : 1px dotted #c6c8ca;
}
div.defaultClients
{
    float               : left; 
    width               : 200px; 
    padding             : 20px;  
    text-align          : center;
}
HTML>BODY div.defaultClients
{
    float               : left; 
    width               : 158px; 
    padding             : 20px;  
}

/*
=========================
	SERVICES PAGE
=========================
*/
div.serviceContainer
{
    background-image    : url(../images/main_bg.jpg); 
    background-position : center top; 
    background-repeat   : no-repeat; 
    width               : 760px; 
    padding-left        : 0px; 
    padding-right       : 0px; 
    padding-top         : 10px;
}
HTML>BODY div.serviceContainer
{
    background-image    : url(../images/main_bg.jpg); 
    background-position : center top; 
    background-repeat   : no-repeat; 
    width               : 760px; 
    padding-left        : 0px; 
    padding-right       : 0px; 
    padding-top         : 10px;
}
div.serviceContainerCon
{
    width               : 760px; 
    padding-left        : 20px; 
    padding-right       : 20px; 
    padding-top         : 10px;
}
HTML>BODY div.serviceContainerCon
{ 
    width               : 720px; 
    padding-left        : 20px; 
    padding-right       : 20px; 
    padding-top         : 10px;
}
div.serviceBanner
{
    width               : 760px; 
    border-top          : 1px dotted #c6c8ca; 
    border-bottom       : 1px dotted #c6c8ca; 
    height              : 100px; 
    margin-top          : 10px;
}
div.serviceContent
{
    width               : 720px; 
    padding-top         : 10px;
}
div.serviceMenu
{
    float               : left; 
    width               : 240px; 
    border-right        : 1px dotted #c6c8ca;
}
div.ServiceBody
{
    float               : left; 
    width               : 480px; 
    padding-left        : 20px; 
    font-size           : 10pt;
}
HTML>BODY div.ServiceBody
{
    float               : left; 
    width               : 450px; 
    padding-left        : 20px; 
    font-size           : 10pt;
}
div.ServiceBodyCon
{
    float               : left; 
    width               : 320px; 
    font-size           : 10pt;
    font-size           : 9pt;
}
HTML>BODY div.ServiceBodyCon
{
    float               : left; 
    width               : 320px; 
    font-size           : 10pt;
}
div.ServiceBodyImg
{
    float               : left; 
    width               : 140px; 
    padding-left        : 20px;
}
HTML>BODY div.ServiceBodyCon
{
    float               : left; 
    width               : 320px; 
    font-size           : 10pt;
}
HTML>BODY div.ServiceBodyImg
{
    float               : left; 
    width               : 105px; 
    padding-left        : 20px;
}
.ClientItem
{
    padding-bottom      : 4px;
    text-align          : center;
}
/*
=========================
	CONTACT PAGE
=========================
*/
div.ContactMenu
{
    float               : left; 
    width               : 240px; 
    font-size           : 9pt;
}
div.ContactBody
{
    float               : left; 
    width               : 480px; 
    padding-left        : 20px; 
    font-size           : 10pt;
    border-left         : 1px dotted #c6c8ca;
}
HTML>BODY div.ContactBody
{
    float               : left; 
    width               : 450px; 
    padding-left        : 20px; 
    font-size           : 10pt;
    border-left         : 1px dotted #c6c8ca;
}
/*
=========================
	CONTENT PAGE
=========================
*/
div.cntContainer
{
    background-image    : url(../images/main_bg.jpg); 
    background-position : center top; 
    background-repeat   : no-repeat; 
    width               : 760px; 
    padding-left        : 0px; 
    padding-right       : 0px; 
    padding-top         : 10px;
}
HTML>BODY div.cntContainer
{
    background-image    : url(../images/main_bg.jpg); 
    background-position : center top; 
    background-repeat   : no-repeat; 
    width               : 760px; 
    padding-left        : 0px; 
    padding-right       : 0px; 
    padding-top         : 10px;
}
div.cntContainerCon
{
    width               : 760px; 
    padding-left        : 20px; 
    padding-right       : 20px; 
    padding-top         : 10px;
}
HTML>BODY div.cntContainerCon
{
    width               : 720px; 
    padding-left        : 20px; 
    padding-right       : 20px; 
    padding-top         : 10px;
}
div.cntBanner
{
    width               : 760px; 
    border-top          : 1px dotted #c6c8ca; 
    border-bottom       : 1px dotted #c6c8ca; 
    height              : 100px; 
    margin-top          : 10px;
}
div.cntContent
{
    width               : 720px; 
    padding-top         : 10px;
    font-size           : 9pt;
}

/*
=============================
	ADMIN LOGIN
=============================
*/
DIV.Login
{
	height				: 200px;
	padding				: 10px;
	width				: 360px;
	color				: #FFFFFF;
	font-family			: Arial;
	font-size			: 8pt;
}
DIV.LabelAdminLogin
{
	float				: left;
	line-height			: 25px;
	color				: #000000;
	width				: 100px;
	font-weight			: bold;
}
DIV.InputAdminLogin
{	
	float				: left;
	line-height			: 25px;
	color				: #000000;
	width				: 100px;
	text-align			: left;
}
DIV.RowAdminLogin
{
	float				: left;
	margin-bottom		: 4px;
	width				: 360px;
}

/*
========================
	ADMIN TABS
========================
*/
TD.TabSpace
{
	border-bottom		: solid 1px #334a8e;	
}
TD.TabOn
{
	background-color	: #334a8e;
	height				: 25px;
	text-align			: center;
	width				: 70px;
	color				: #FFFFFF;
	padding-left		: 5px;
}
TD.TabOff
{
	background-color	: #E0DDDB;
	height				: 25px;
	text-align			: center;
	width				: 70px;
	border				: solid 1px #334a8e;
	padding-left		: 5px;
}
A.TabOn
{
	color				: #FFFFFF;
	text-decoration		: none;
	text-align			: center;
	font-size			: 9pt;
	border				: solid 1px #334a8e;
}
A.TabOff
{
	text-decoration		: none;
	color				: #334a8e;
	text-align			: center;
	font-size			: 9pt;
}

/*
=========================
	ADMIN DATAGRID
=========================
*/
.ListHead
{
	border-left			: solid 1px #334a8e;
	border-right		: solid 1px #334a8e;
	border-top			: solid 1px #334a8e;
	border-bottom		: solid 1px #334a8e;
	padding-left		: 5px;
	font-family			: Arial;
	color				: #000000;
	font-size			: 8pt;
	height				: 20px;
	text-align			: left;
	font-weight			: bold;
}
.ListItem
{
	border-bottom		: solid 1px #334a8e;
	padding-right		: 3px;
	padding-top			: 3px;
	padding-bottom		: 3px;
	padding-left		: 3px;
	color				: #000000;
	font-family			: Arial;
	font-size			: 8pt;
	padding-left		: 5px;
}
/*
========================
	DATAGRIDS
========================
*/
.DGHeadWeb
{
	background-color	: #334a8e;
	color				: #FFFFFF;
	font-size			: 9pt;
	font-weight			: bold;
	height				: 24px;
	vertical-align		: middle;
	
}
.DGHead
{
	background-color	: #334a8e;
	color				: #FFFFFF;
	font-weight			: bold;
	padding-left		: 3px;
	padding-right		: 3px;
	font-size			: 9pt;
}
.DGItem 
{
	padding-right		: 3px;
	padding-top			: 3px;
	padding-bottom		: 3px;
	padding-left		: 3px;
	color				: #000000;
	font-family			: Arial;
	font-size			: 9pt;
}
.DGItem a
{
	color				: #334a8e;
	text-decoration		: none;
}
.DGAlternate
{
	background-color	: #E5E5E5;
}


.TableOrder
{
	width				: 700px;
}
/*
========================
	ADMIN FORMS
========================
*/
DIV.FormLabel
{
	float					: left;
	font-size				: 8pt;
	padding-top				: 3px;
	width					: 125px;
}

DIV.FormField
{
	float					: left;
	font-size				: 8pt;
}
DIV.FormEditor
{
	float					: left;
}
DIV.PanelEditor
{
	float					: left;
	margin-left				: 10px;
	margin-top				: 17px;
	width                   : 500px;
}
/*
=========================
	SEARCH DATAGRID
=========================
*/
.SearchItem
{
    font-size           : 10pt;
    color               : #000000;
    padding-bottom      : 10px;
    vertical-align      : top;
    width               : 250px;
}
.SearchItem2
{
    font-size           : 10pt;
    color               : #000000;
    padding-bottom      : 10px;
    vertical-align      : top;
    width               : 550px;
}