/* CSS Document */
* {
	margin:0px;
	padding:0px;
	list-style-type: none;
	text-decoration: none;
	font-family:MS Reference Sans Serif;
}
body{
	background-image: url(../image/bg.png);
	background-repeat: repeat-x;
	background-color: #cfdde9;
}
#wrapper {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	float: left;
	width: 1020px;
	margin-top: 10px;
}
#header_small {
	float: left;
	height: 30px;
	width: 1020px;
}
#header_150 {
	float: left;
	height: 150px;
	width: 1020px;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 10px;
}
#header_link{
	width:120px;
	height:30px;
	float:right;
	border: none;
}
#header_link img{
	border: none;
}
#header_link .home{
	background-image: url(../image/img_home.png);
	background-repeat: no-repeat;
	width:60px;
	height:30px;
	float:left;
}
#header_link .home:hover{
	background-image: url(../image/img_home_hover.png);
	background-repeat: no-repeat;
}
#header_link .logoff{
	background-image: url(../image/img_logoff.png);
	background-repeat: no-repeat;
	width:60px;
	height:30px;
	float:right;
}
#header_link .logoff:hover{
	background-image: url(../image/img_logoff_hover.png);
	background-repeat: no-repeat;
}
#tab {
	background-image: url(../image/menu.png);
	background-repeat: no-repeat;
	float: left;
	height: 55px;
	width: 1020px;
	padding-left: 10px;
}
.btntab
{
    background-image: url(../image/tab.png);
    background-repeat: no-repeat;
    margin-left: 3px;
    margin-top: 16px;
    width: 196px;
    height: 34px;
    float: left;
    border: none;
}
.btntab_active
{
    background-image: url(../image/tab_active.png);
    background-repeat: no-repeat;
    margin-left: 3px;
    margin-top: 16px;
    width: 196px;
    height: 34px;
    float: left;
    border: none;
}
.btntab:hover
{
    background-image: url(../image/tab_active.png);
    background-repeat: no-repeat;  
}
.btntab6
{
    background-image: url(../image/tab6.png);
    background-repeat: no-repeat;
    margin-left: 3px;
    margin-top: 16px;
    width: 163px;
    height: 34px;
    float: left;
    border: none;
}
.btntab_active6
{
    background-image: url(../image/tab_active6.png);
    background-repeat: no-repeat;
    margin-left: 3px;
    margin-top: 16px;
    width: 163px;
    height: 34px;
    float: left;
    border: none;
}
.btntab6:hover
{
    background-image: url(../image/tab_active6.png);
    background-repeat: no-repeat;  
}
#content {
	background-image: url(../image/content_bg.png);
	background-repeat: repeat-y;
	float: left;
	width: 1020px;
}
#content_items {
    margin-top: 20px;
	margin-right: 39px;
	margin-left: 35px;
	float: left;
	width: 942px;
}
#footer {
	background-image: url(../image/footer.png);
	background-repeat: no-repeat;
	float: left;
	height: 7px;
	width: 1020px;
}
#tab2
{
    float: right;
    width: 383px;
    height: 230px;
}
#tab2 .tab
{
    background-image: url(../image/smalltab_bg.png);
	background-repeat: repeat-x;
    float: left;
    width: 383px;
    height: 30px;
    padding-left: 3px;
}
#tab2 .grid
{
    float: left;
    width: 383px;
    height: 200px;
}
.VMButton 
{
    background-image:url(../image/btn.png);
    background-repeat: no-repeat;
    width:150px;
    height:30px;  
    border-style: none;
}
.VMButton100 
{
    background-image:url(../image/btn100.png);
    background-repeat: no-repeat;
    width:100px;
    height:30px;  
    border-style: none;
}
.VMButton150
{
    background-image:url(../image/btn150.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 30px;
    border-style: none;
}
.VMButton250
{
    background-image:url(../image/btn250.png);
    background-repeat: no-repeat;
    width:250px;
    height:30px;  
    border-style: none;
}
.VMButton:hover
{
    color:#303030 ;
    background-image:url(../image/btn_hover.png);
}
.VMButton100:hover
{
    color:#303030 ;
    background-image:url(../image/btn100_hover.png);
}
.VMButton150:hover
{
    color:#303030 ;
    background-image:url(../image/btn150_hover.png);
}
.VMButton250:hover
{
    color:#303030 ;
    background-image:url(../image/btn250_hover.png);
}
.smalltab
{
    float: left;
    background-image:url(../image/smalltab.png); 
    border:none;
    height: 30px;
    width: 76px;
}
.smalltab:hover
{
    background-image: url(../image/smalltab_active.png);
    background-repeat: no-repeat;
}
.smalltab_active
{
    background-image: url(../image/smalltab_active.png);
    background-repeat: no-repeat;
    border:none;
    height: 30px;
    width: 76px; 
    float: left;
}      
.VMFieldName { color: Navy; font-size:14px; }

.VMGridHeader { color: white;font-weight: bold; font-size: 10pt; 
background-color: #4d84c2; text-align: left; text-decoration: 
none; }

.VMGridItem { background: White; }

.VMGridAlternatingItem { background: Silver; }
.VMListBox{}
.VMTextbox
{
    height: 25px;
}
.VMDropDownList
{
    height: 25px;
}
/*===================================================================================================*/
/* Image Buttons */
/*===================================================================================================*/

.btnAdd{
	background-image: url(../image/Add.jpg);
    background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	border: none;
}
.btnUpdate{
	background-image: url(../image/Edit.jpg);
    background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	border: none;
}
.btnDelete{
	background-image: url(../image/Delete.jpg);
    background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	border: none;
}
.btnCancel{
	background-image: url(../image/Cancel.jpg);
    background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	border: none;
}
.btnFolder{
	background-image: url(../image/Folder.jpg);
    background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	border: none;
}
.btnSave{
	background-image: url(../image/Save.jpg);
    background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	border: none;
}
.btnPanelUser{
	background-image: url(../image/PanelUser.jpg);
    background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	border: none;
}

/*======================================*/
/*UpdateContact*/
/*======================================*/

#Block
{
	width: 980px;
	float: left;
	margin-right: auto;
	margin-left: auto;
}
#Block #left
{
	float: left;
	width: 320px;
}
#Block #center
{
	width: 320px;
	margin-left: 10px;
	float: left;
}
#Block #right
{
	float: right;
	width: 320px;
}
#Block .Header 
{
    float: left;
    height: 50px;
    width: 320px;
}
#left .Header{
    background-image: url(../image/UpdateContact_header_sms.jpg);
    background-repeat: no-repeat;
}
#center .Header{
    background-image: url(../image/UpdateContact_header_email.jpg);
    background-repeat: no-repeat;
}
#right .Header{
    background-image: url(../image/UpdateContact_header_sip.jpg);
    background-repeat: no-repeat;
}
#Block .Content
{
    width: 300px;/*==  -20px from the padding left&right ==*/
    padding-top: 10px;
    padding-left: 20px;
    float: left;
    background-image: url(../image/UpdateContact_content.jpg);
    background-repeat: repeat-y;
}
#Block .Content p
{
    margin-bottom: 10px;
}
#Block .Footer
{
    width: 320px;
    height: 16px;
    float: left;
    background-image: url(../image/UpdateContact_footer.jpg);
    background-repeat: no-repeat;
}

/*======================================*/
/*Grid View style*/
/*======================================*/
/*GridViewCSS Soft Grey Style*/
.GridViewStyle
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border:#91a7b4 1px solid;
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{
    background-image: url(../image/YahooSprite.gif);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#d1dbe0;
}
.HeaderStyle th
{
    padding: 5px;
    color: #16387c;
    text-align:left;
}
.HeaderStyle a
{
    text-decoration:none;
    color:#16387c;
    display:block;
    text-align:left;
    font-weight:normal;
}
.PagerStyle table
{
    text-align:center;
    margin:auto;
}
.PagerStyle table td
{
    border:0px;
    padding:5px;
}
.PagerStyle td
{
    border-top: #91a7b4 1px solid;
}
.PagerStyle a
{
    color:#16387c;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #fff;
    border-right:solid 1px #91a7b4;
    border-bottom:solid 1px #91a7b4;
    border-left:solid 1px #fff;
}
.PagerStyle span
{
    font-weight:bold;
    color:#16387c;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 5px;
    border-right: solid 1px #91a7b4;
}
.RowStyle td
{
    background-color: #f1f5f6;
}
.AltRowStyle td
{
    background-color: #9ab2ca;
	background-image: url(../image/YahooSprite.gif);
    background-position:0 -80px;
    background-repeat:repeat-x;
}
.SelectedRowStyle td
{
    background-color: #fcb814;
	background-image: url(../image/YahooSprite.gif);
    background-position:center;
    background-repeat:repeat-x;
}