body {
   font-family:Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
   font-size: 12px;
}

.button{
    padding : 5px 10px;
}

.textBox{
    padding : 5px 10px;
}

.CenterAlignDiv{
    width: 95%;
    margin: 0 auto;
}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
    background-color : #dce8ea;
    padding-left:10px;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
    width:350px;
    max-height:450px;
    text-align : left; 
    list-style-type : none;
    text-transform: capitalize;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #aaa;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
    text-transform: capitalize;
	background-color : #dce8ea;
	color : windowtext;
	padding : 3px;
}

.linkButton {
	padding: 12px 35px 12px 22px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;	
	/*float: right;*/
	color: #ffffff;
	font: normal 18px 'kgwttw', Arial, sans-serif;
	letter-spacing: 1px;
	box-shadow: 3px 3px 0 #e8e8e8;
	border: none;
	outline: none;
	cursor: pointer;
    background-color: blue;
    text-decoration: none;
}

.active{

    background-color: #666666;

}

.linkButton:hover {
	background-color: #3f3b83;
}

.title {
    width: 100%;
    color: blue;
	letter-spacing: 1px;
    font-weight:bold;
    font-size: 18px;
}

/******************
Misc
******************/

.CountryTitle
{
	font-size:medium;
	font-weight:bold;
	color: Red;
}


/******************
PopupPane for cateogry/Menu selecting
******************/

.PopupPanel
{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #F3F3F3;
    border: 1px solid #000000;
    padding: 5px 5px 5px 5px;
    font-size: x-small;
    color: #660033;
    z-index: 100;
}

/******************
TreeView
******************/

.TreeViewClass 
{
    margin: 9px 0px 0px 8px;
    padding: 5px 5px 5px 5px !important;
}

.TreeViewClass td
{
    clear: both;
    padding: 0px 0px 0px 0px !important;
}

/******************
FormView
******************/
table.formTable
{
    width: 95%;
	margin-left:auto; 
    margin-right:auto;
	border: 1px solid #aaa;
	padding: 8px 4px 8px 4px;
}

.formTable th
{
	padding: 8px 4px 8px 4px;
	font-weight: bold;
	background-color: #84afe0;
}

.formTable td
{
	vertical-align: top;
	text-align:left;
	padding: 8px 4px 8px 4px;
}

/******************
GridView
******************/

div#grid
{
	border: 1px solid #aaa;
	margin-left:auto; 
    margin-right:auto;
    border-radius: 5px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
}


div#grid th
{
	padding: 8px 6px 8px 6px;
	font-weight: bold;
	background-color: #84afe0;
}

div#grid tr 
{
	background-color:White;
}

div#grid tr:hover
{
	background-color: #E1FFFF;
} 

div#grid td
{
	text-align:left;
	padding: 6px 4px 6px 4px;

}

/******************
NaviBarItem
******************/
.NaviBarItem
{
	text-align:left;
}

.NaviBarChildItem
{

	background-color:Black;	
	border: solid 1px #eeeeee;	
	cursor:hand;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	text-align:left
}

/******************
Tabbed Navigation
******************/

div#tab1
{
    font: 100% verdana, arial, sans-serif;
    margin-bottom: 15px;
    margin-top: 20px;
}

ul.tabnav
{
    font: bold 12px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #666666; /* Tab Border Color */
    margin: 0;
}

ul.tabnav li
{
    float: left;
    height: 21px;
    background-color: #D3CDC2; /* Tab Color */
    margin: 2px 2px 0 2px;
    border: 1px solid #666666; /* Tab Border Color */
}

div#tab1 li.tab1
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

div#tab1 li.tab1 a
{
    color: #000;
    cursor: default;
}

.tabnav a
{
    float: left;
    display: block;
    color: #666;
    text-decoration: none;
    padding: 4px;
}

.tabnav a:hover
{
    text-decoration: none;
    background: #fff;
}

div#sideMenu ul
{
	padding-top : 20px;
}

/******************
 Loading anmation when using ajax partial rendering
******************/

#loading {
    position:fixed; 
    left:0; 
    top:0; 
    width:100%; 
    height:100%;
    opacity: 0.7;
    background-color: #555;
    z-index:100;
}

#loading img
{
    position: absolute; 
    left:50%; 
    top:50%
} 

/******************
 Accordion - Ajax
******************/

.accordionHeader
{
    border: 1px solid #eee;
    color: #444;
    background-color: #e9eff5;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #666666;
    color: #777;
    background-color: #c8d8eb;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #e9edf2;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/******************
 Hide/Show Div with jQuery
******************/

.slidingDiv {

    background-color: #f1f1f1;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
}
 
.show_hide {
    display:none;
}