/*
      Created by TTS
	  
	  http://www.shafiqsons101.com
	  	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 
/*background-image: url(images/bkg.jpg);
 background-repeat:repeat-x;*/
  background-color: #0000A4; /*#003960*/
}

h1 {
	font-weight: bold;
	color: #333;
	font-size: 20px;
	margin: 0;
	padding: 0;
}
h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	 margin-bottom:6px;
	 text-align: left;
}
#wrapperb2b { 
 margin: 0 auto;
 width: 980px;
 padding-top: 16px;
}

#contentb2b { 
 float: left;
 color: #333;
 background: #FFFFFF;
 height: 370px;
 width: 784px;
 padding: 8px;
 display: inline;
 background-image:url(images/content-bg-b2b.jpg);
 background-repeat: no-repeat;
 background-position:bottom right;
}

#headerb2b {
 color: #333;
 width: 100%;
 float: left;
 height: 100px;
 background-image:url(images/header-bg.jpg);
 background-repeat:repeat-x;
  
}
#headerb2b .rightlogo {
 background-image:url(images/rightlogo.jpg);
 background-repeat: no-repeat;
 float: right;
 margin: 0 0 0 0;
 height :92px;
width :225px;
}
#headerb2b .leftlogo {
 background-image:url(images/leftlogo.jpg);
  background-repeat: no-repeat;
 float: left;
 margin: 0 0 0 0;
 height :100px;
width :200px;
}
#headerb2b .centerlogo {
  float: left;
 margin: 25px 0 0 20px;
 height :75px;
width :40%;
 text-align:center;
  
}
#footerb2b { 
 width: 100%;
 height: 52px;
 clear: both;
 color: #333;
background-image:url(images/footer-bg-b2b.jpg);
 background-repeat:repeat-x;
}

#footerb2b .copyb2b { 
 color: #666;
 margin: 0 0 0 10px;
 font-weight:bold;
 padding-top:20px;
 float: left;
}

#footerb2b .powb2b { 
 color: #666;
 margin: 0 10px 0 0;
 font-weight:bold;
 float:right;
 padding-top:20px;
}
#footerb2b .powb2b a { 
 color: #0000A4;
}


/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/***** contentlogin *****/
#contentlogin { 
 float: left;
 color: #333;
 background: #FFFFFF;
 min-height: 370px;
 width: 700px;
 padding: 8px;
 display: inline;
 background-image:url(images/content-bg-b2b.jpg);
 background-repeat: no-repeat;
 background-position:bottom right;
}
#contentlogin .txtconlog { 
 font-size:14px;
	line-height:20px;
	
	color: #4a4a4a;
	padding: 8px 20px;
	width: 660px;
	text-align: justify;
}
#contentlogin .txtboard { 
 	
	
	
	padding: 0 20px 10px 20px;
	width: 660px;
	 margin-top: 8px;
	
}

/***** form *****/
#rightcolumn { 
 		z-index: 2;
        position: relative;
        margin: 0px;
        padding: 10px;
        /*background-image: url(images/bkg.jpg);
        background-repeat:repeat-x;*/
         background-color: #d9d9d9;
        font-size: 14px;
        color: #333;
		height: auto;
		width: 244px;
		float: left;
}
#rightcolumn .logob2blog { 
 color: #666;
 background: #fff;
 width: 224px;
 margin: 0 auto;
 padding: 10px;
}
#rightcolumn h1 { 
 color: #666;
 
}
#rightcolumn .content {
	width: 200;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	background: #ffffff;
		
}
#rightcolumn .content form {
	margin: 0 0 10px 0;
	
}

#rightcolumn .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 200px;
	display: block;
}

#rightcolumn .content input.field {
	border: 1px #000 solid;
	background: #2640B5;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 20px;
}

#rightcolumn .content input:focus.field {
	background: #465FCF;
}

/* BUTTONS */
/* Login and Register buttons */
#rightcolumn .content input.bt_login,
#rightcolumn .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#rightcolumn .content input.bt_login {
	width: 74px;
	background: transparent url(images/btn-login-main.gif) no-repeat 0 0;
}


#rightcolumn .content .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

form fieldset
{
top: 5px;
border: solid 1px #1A5CC7;
background-color:#f8f8f8;
color:#1A5CC7;
FONT-FAMILY: Tahoma, Arial, Helvetica, Verdana;
/* background-image: url(images/panel_bkg.jpg);
  background-repeat:repeat-x; */
margin: 20px 0px 20px 0px;
position:relative;
display:inline; /* fieldset fits content */
padding: 0px 10px 10px 10px;
width: auto;
min-width: 96%;
text-align :left;
}
form fieldset legend
{

font-size:14px;
FONT-FAMILY: Tahoma, Arial, Helvetica, Verdana;
background: #0000A4 url(images/grd_head.gif) repeat-x top; color:#fff; font-weight:bold;
padding: 0px 8px 2px 8px;
margin: 2px 0px 8px 0px;
position:relative;
top: -10px;
width:auto; 
}
/* from old theme*/
.all {
	FONT-SIZE: 11px;
	COLOR: #0000A4;
	FONT-FAMILY: Arial, Verdana, sans-serif;/*Tahoma, Arial, Helvetica, Verdana;*/
	font-weight: normal;
	line-height: normal;
}
.menuback {
 background-image:url(images/up.jpg);
  background-repeat: repeat;
 
 
}
.menuline 
{
FONT-SIZE: 11px;
	COLOR: #0000A4;
	FONT-FAMILY: Arial, Verdana, sans-serif;
background-color :#ccd7df;
}
.menuItem
{
border:Solid 0px Gray;
padding:2px 5px;
}
.menuItemStatic
{   
    border-right :Solid 1px #000000;
    padding: 2px 5px;
    Height:20px;
      
}

.menuItemDynamic
{    
    border-top :Solid 1px #000000;
    padding: 2px 5px;
    Height:20px;
}
.right {
/*background:url(./images/right.jpg) no-repeat 100% 0;*/
background-color :White ;
}
.left {
/*background:url(./images/left.jpg) no-repeat 100% 0;*/
background-color :White ;
}
.btn {
	FONT-SIZE: 12px;
	MARGIN-LEFT: 0px;
	WIDTH: auto;
	COLOR: #c9d5dd;
	MARGIN-RIGHT: 0px;
	FONT-FAMILY: Arial, Verdana, sans-serif;/*Tahoma, Arial, Helvetica, Verdana;*/
	HEIGHT: 24px;
	 padding: 3px;
	BACKGROUND-COLOR: #0000A4;
	font-weight: bold;
	border: 1px #c9d5dd solid;
	/*background-image: url(./images/btn.jpg);*/
}

.textbox
{
	border : solid 1px #0000A4;
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;/*Tahoma, Arial, Helvetica, Verdana;*/
	font-weight: normal;
	line-height: normal;
}

.combo
{
	/*border : solid 1px #FFA8A8;*/
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;/*Tahoma, Arial, Helvetica, Verdana;*/
	font-weight: normal;
	line-height: normal;
	/*background-color :#FFA8A8;*/
}

.adjustedZIndex {
    z-index: 1;
}

.modalPopup 
{
	width:350px;
	background-color :#27b7eb ;
}
.modalBackground 
{
background-color:#DADAF0;
filter:alpha(opacity=70);
opacity:0.7;
} 
.btnEdit {

      

      MARGIN: 0px;

      padding:4px;

      border:0;

      HEIGHT: 16px;

      width: 16px;

      background: url(images/edit.gif) repeat-x top;

      /*background-image: url(./images/btn.jpg);*/

      cursor:default;

}

 

.btnDelete {

      MARGIN: 0px;

      padding:4px;

      border:0;

      HEIGHT: 16px;

      width: 16px;

      background: url(images/delete.gif) repeat-x top;      

      /*background-image: url(./images/btn.jpg);*/

      cursor:default;

}

.Invisible 
{
	 display:none;
}

.allMessage {
	FONT-SIZE: 11px;
	COLOR: Red;
	FONT-FAMILY: Arial, Verdana, sans-serif;/*Tahoma, Arial, Helvetica, Verdana;*/
	font-weight: normal;
	line-height: normal;
	text-align:center;	
}


.pnloverlayHead fieldset
{
top: 5px;
border: solid 1px #0000A4;
background-color:#0000A4;
color:#0000A4;
FONT-FAMILY: Tahoma, Arial, Helvetica, Verdana;
/* background-image: url(images/panel_bkg.jpg);
  background-repeat:repeat-x; */
margin: 20px 0px 20px 0px;
position:relative;
display:inline; /* fieldset fits content */
padding: 0px 10px 10px 10px;
width: auto;
min-width: 96%;
text-align :left;
}

.pnloverlayHead fieldset legend
{

font-size:14px;
FONT-FAMILY: Tahoma, Arial, Helvetica, Verdana;
background: #0000A4 url(images/grd_head.gif) repeat-x top; color:#fff; font-weight:bold;
padding: 0px 8px 2px 8px;
margin: 2px 0px 8px 0px;
position:relative;
top: -10px;
width:auto;
z-index: 1;
}

.pnloverlayDetail fieldset
{
top: 5px;
border: solid 1px #0000A4;
background-color:#f8f8f8;
color:#0000A4;
FONT-FAMILY: Tahoma, Arial, Helvetica, Verdana;
/* background-image: url(images/panel_bkg.jpg);
  background-repeat:repeat-x; */
margin: 20px 0px 20px 0px;
position:relative;
display:inline; /* fieldset fits content */
padding: 0px 10px 10px 10px;
width: auto;
min-width: 96%;
text-align :left;
z-index:2;
}

.pnloverlayDetail fieldset legend
{

font-size:14px;
FONT-FAMILY: Tahoma, Arial, Helvetica, Verdana;
background: #0000A4 url(images/grd_head.gif) repeat-x top; color:#fff; font-weight:bold;
padding: 0px 8px 2px 8px;
margin: 2px 0px 8px 0px;
position:relative;
top: -10px;
width:auto;
z-index:2;
}

.pnloverlayDetail2 fieldset
{
top: 5px;
border: solid 1px #0000A4;
background-color:#f8f8f8;
color:#0000A4;
FONT-FAMILY: Tahoma, Arial, Helvetica, Verdana;
/* background-image: url(images/panel_bkg.jpg);
  background-repeat:repeat-x; */
margin: 20px 0px 20px 0px;
position:relative;
display:inline; /* fieldset fits content */
padding: 0px 10px 10px 10px;
width: auto;
min-width: 96%;
text-align :left;
z-index:3;
}

.pnloverlayDetail2 fieldset legend
{

font-size:14px;
FONT-FAMILY: Tahoma, Arial, Helvetica, Verdana;
background: #0000A4 url(images/grd_head.gif) repeat-x top; color:#fff; font-weight:bold;
padding: 0px 8px 2px 8px;
margin: 2px 0px 8px 0px;
position:relative;
top: -10px;
width:auto;
z-index:3;
}



.cal_Theme1, div.cal_Theme1 {z-index:9999;}
.cal_Theme1 * {padding:0px;margin:0px; position: relative;z-index:9999;}
.cal_Theme1 .ajax__calendar, .ajax__calendar { z-index:9999; }
.cal_Theme1 .ajax__calendar_container, div.cal_Theme1 .ajax__calendar_container, .ajax__calendar_container
{
background-color: #e2e2e2; border:solid 1px #cccccc; position: relative; z-index:9999;

}

.ajax__calendar_body{ z-index:9999; }
.cal_Theme1 .ajax__calendar_header

{
background-color: #ffffff; margin-bottom: 4px;

} 

.cal_Theme1 .ajax__calendar_title,

.cal_Theme1 .ajax__calendar_next,

.cal_Theme1 .ajax__calendar_prev

{
color: #004080; padding-top: 3px;

}

.cal_Theme1 .ajax__calendar_body

{
background-color: #e9e9e9; border: solid 1px #cccccc; z-index:9999;

}

 .cal_Theme1 .ajax__calendar_dayname

{
text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px;

} 

.cal_Theme1 .ajax__calendar_day

{
text-align:center;

}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,

.cal_Theme1 .ajax__calendar_active

{
color: #004080; font-weight:bold; background-color: #ffffff;

}

 

 

.cal_Theme1 .ajax__calendar_today

{
font-weight:bold;

}

 

 

.cal_Theme1 .ajax__calendar_other,

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title

{
color: #bbbbbb;

}