@charset "utf-8";
/* CSS Document */
body { 
	  margin:0; 
	  padding:0;
	  font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
}
/*
@font-face {
    font-family: 'zurich_condensedregular';
    src: url('Font/zurichbt-romancondensed-webfont.eot');
    src: url('Font/zurichbt-romancondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/zurichbt-romancondensed-webfont.woff2') format('woff2'),
         url('Font/zurichbt-romancondensed-webfont.woff') format('woff'),
         url('Font/zurichbt-romancondensed-webfont.ttf') format('truetype'),
         url('Font/zurichbt-romancondensed-webfont.svg#zurich_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

/* COPIED FROM OLD SKIN */


.input_fieldsmall 
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000; 
	font-variant:normal; 
	padding:0 0 0 5px; 
    height:30px; 
    width:150px;
    border:1px solid #42709f;
}

.tblViewAttachments th{
	color:#fff !important;
        background-color:#007dc5 !important;
	border: 1px solid #000;
}

.input_fieldselect {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000; 
	font-variant:normal; 
	padding:0 0 0 5px; 
	width:297px; 
	height:30px; 
	border:1px solid #42709f;
}

.tblReport{
 width:100%;
}

.tblReportSearch{
 margin-left: auto;
 margin-right: auto;
}

.tblReportSearchDetail{
border: 1px solid #aaa;
}

.tblReportResults{
}

.tblViewResults td{
border: 1px solid #000;
}

.tblViewResults th{
  color:#fff !important;
background-color:#007dc5 !important;
/*border: 1px solid #000;*/
}

.tblReportResults th{
  color:#fff !important;
background-color:#007dc5 !important;
font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
/*border: 1px solid #000;*/
}


.buttonPrint{
	background-color: #007dc5; border: 1px solid #05649b;
   color: #ffffff;
   float: right;
   height: auto;
   padding: 7px;
   width: auto;
}

.tblViewResults td{
border: 1px solid #000;
}

.tblViewResults th{
  color:#fff !important;
background-color:#007dc5 !important;
border: 1px solid #000;
}

.Pager123
{
     background-color:#007dc5 !important;
     color:White !important;
      font-size:14px;
     /*text-align: center;*/
     width: 100%; 
     padding-bottom: 5px; 
     font-weight: bold;
    }
    
.gridHeader
{
     background-color:#007dc5;
     color:White;
     font-size:14px;
     /*text-align: center;*/
     width: 100%; 
     padding-bottom: 5px; 
     font-weight: bold;
    }
    
/* unvisited link */
.gridHeader a{
    padding-left:2px;  
}
.gridHeader a:link,.gridHeader a:visited, .gridHeader a:hover, .Pager123 a:link,.Pager123 a:visited, .Pager123 a:hover  {
    color: #FFFFFF !important;
}

.gridHeader div, Pager123 div{
    text-align:center !important; 
}

.gridHeader td>span, .Pager123  td>span{
    color: black !important;
}


.requiredfield{
    color: #007dc5;
}

.note{
    color: #007dc5;
}
.style2 {
    color: #007dc5;
    font-weight: bold;
}
.style3 {
    width: 100%;
}


.Container01Tit {
    text-align: left;
}
.Container01Title {
    color: #007dc5;
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    display:none;
}

.tblInsert {
    width:800px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	color:#181818; 
	text-decoration:none;
}

.input_field1 {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000; 
	font-variant:normal; 
	padding:0 0 0 5px; 
	width:260px; 
	height:30px; 
	border:1px solid #42709f;
}

.label1{
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   font-weight: bold; 
   color:#181818; 
   text-decoration:none;
   text-align:right;
   padding-right:25px;
   line-height:25px;
   /*white-space:nowrap;*/
    vertical-align:top;
}

.label1required{
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   font-weight: bold; 
   color:#007dc5; 
   text-decoration:none;
   text-align:right;
   padding-right:25px;
   line-height:25px; 
   vertical-align:top;
   
}

.label1required1{
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   font-weight: bold; 
   color:#007dc5; 
   text-decoration:none;
  padding-right:25px;
   line-height:25px;
   vertical-align:top;
}



.label2{
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   font-weight: normal; 
   color:#181818; 
   text-decoration:none;
   text-align:left;
   /*white-space:nowrap;
   vertical-align:top;*/
}

.box_bor {
    border: 1px solid #a5acb2;
    padding: 5px;
    width: 500px;
    font-family:Verdana, Arial;
}

.buttonsubmit{
	background-color: #007dc5; border: 1px solid #05649b;
   color: #ffffff;
   float: left;
   height: auto;
   padding: 7px;
   width: auto;
}

.comm_box1 {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size:12px; 
   color:#000000; 
   font-variant:normal; 
   padding:0 0 0 5px; 
   width:290px; 
   height:75px; 
   border:1px solid #42709f;
}

.comm_box2 {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size:12px; 
    color:#000000; 
    font-variant:normal; 
    padding:0 0 0 5px; 
	width:350px; 
	height:75px; 
	border:1px solid #42709f;
}
.input_fielddate{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000; 
	font-variant:normal; 
	padding:0 0 0 5px; 
	width:290px; 
	height:30px; 
	border:1px solid #42709f;
}
/*.Container01Title{
    display:none;
}*/
.vardana_bold { 
   color: #181818;
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 15px; 
   font-weight: bold; 
   line-height: normal; 
   margin:0 0 0 10px; 
   text-decoration: none;
}
/* COPIED FROM OLD SKIN */


.clr            { clear:both; }
h1              { font-family: 'zurich_condensedregular'; font-size:22px;line-height:normal;font-weight:normal;color:#000;margin:10px 0;padding:0;text-decoration:none;}
p               { font-family: 'zurich_condensedregular'; font-size:16px;line-height:normal;font-weight:normal;color:#000;margin:5px 0;padding:0;text-decoration:none;}

/*
a:link          { color:#ffffff; text-decoration:none;}
a:visited       { color:#ffffff; text-decoration:none;}
a:hover         { color:#007dc5; text-decoration: underline;}
a:active        { color:#ffffff; text-decoration:none;}
*/

#mainwrapp      { width:100%; margin:0 auto;   background-image: url("images/header-bg.jpg");  background-position: left top; background-repeat: repeat-x; height:26px;}

#header         { width:100%; float:left; background-image: url("images/header-corner.png"); background-position: left top;
background-repeat: no-repeat;}
#header-mid     { width:1100px; margin:0 auto;}
#logo           { width: auto; max-width: 100%; float:left; margin:35px 0 20px!important;}
#logo img       { width:100%; height:auto;}
#nevigation     { width: auto; max-width:100%; float:right; margin-top:25px;}
#nevigation img { width:100%; height:auto;}

#pagetitle      { width:100%; float:left;}
#title          { width:1100px; max-width:100%;  background-image:url(images/titlebg.jpg); background-repeat:repeat-x; background-position:center top; background-color:#000; padding:8px 0; margin:0 auto;}
.title          { color: white;  font-family: Arial, Helvetica, sans-serif; font-size:27px; font-weight: bold; padding-left:15px;}

#content    { width:100%; float:left;}
#content-mid    { width:1100px;  margin:0 auto; padding:15px 10px; }
#mid-con        { margin:0 0 20px 0;}
#box            { width:100%; float:left;}
#box ul         { margin:0 0 5px 15px; padding:0;}
#box ul li      { font-family:'zurich_condensedregular'; font-size:16px; line-height:25px; font-weight:normal; color:#00a1e4; margin:5px 0; padding:0; text-decoration: none; list-style-type:none;}
#box ul li a:link     { color:#00a1e4; text-decoration: underline;}
#box ul li a:visited  { color:#00a1e4; text-decoration: underline;}
#box ul li a:hover    { color:#000; text-decoration: none;}
#box ul li a:active   { color:#00a1e4; text-decoration: underline;}

#box-left       { width:50%; float:left;}
#box-right      { width:49%; margin:0 0px 15px 0;  float:right;}

#fotter         { width:100%; float:left; background-image:url(images/fott_bg.jpg); background-repeat:repeat-x; background-position:center top; background-color:#000;} 
#fotter-mid     { width:1100px; margin:15px auto 0;  text-align:center; padding:35px 0 25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:normal;background-image: url("images/footer-bg1.jpg"); background-position: center top; background-repeat: no-repeat;}



/* FORM STYLE CSS START HERE */

#form           {}
#form td        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#181818; text-decoration:none;}
#form h1        { background-image: url("images/blk_bullet.png"); background-position: left center; background-repeat: no-repeat; color: #181818;padding: 0 0 0 18px;
                  font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight: bold; line-height: normal; margin:10px 16px; text-decoration: none;}
.listfield      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-variant:normal; padding:0 0 0 5px; width:260px; height:30px; border:1px solid #42709f;}
.listfield1     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-variant:normal; padding:0 0 0 5px; width:100px; height:30px; border:1px solid #42709f;}
.textareabox    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-variant:normal; padding:5px; width:350px; height:75px; border:1px solid #42709f;}
.textfield      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-variant:normal; padding:0 0 0 5px; width:260px; height:30px; border:1px solid #42709f;}

.table1         { padding:10px; width:267px; border:1px solid #42709f;}
.button            { background-color: #007dc5; border: 1px solid #05649b; color: #ffffff; float: left; height: auto; padding: 7px; width: auto;}
.button a:link     { color: #ffffff;}
.button a:visited  { color: #ffffff;}
.button a:hover    { color: #ffffff;}
.button a:active   { color: #ffffff;} 


/* FORM STYLE CSS END HERE */





                         /* RESPONSIVE CSS START HERE */
/* ===============================================================================*/

/* ipad Landscape [HORIZONTAL] CSS Start here */
@media only screen and (max-width : 1024px)   
{


#header {
    background-image: url("images/header-corner-tab.png");
    background-position: -60px top;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
}

#header-mid {
    margin: 0 auto;
    padding: 0 5px;
    width: auto;
}


#logo {
    float: left;
    margin: 35px 0 20px;
    max-width: 100%;
    width: 26%;
}

#nevigation {
    float: right;
    margin-top: 25px;
    max-width: 100%;
    width: 70%;
}

#title {
    background-color: #000;
    background-image: url("images/titlebg.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    margin: 0 auto;
    max-width: 100%;
    padding: 8px 0;
    width: auto;
}

/*#content {
	max-width: 100%;
}*/
#content-mid {
    margin: 0 auto;
    padding: 15px 10px;
    width: auto;
}

#fotter-mid {
    background-image: url("images/footer-bg1.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    color: #ffffff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 15px auto 0;
    padding: 35px 0 25px;
    text-align: center;
    text-decoration: none;
    width: auto;
}

}



/* ipad Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width : 768px)   
{
.tblInsert {
    width:700px!important;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	color:#181818; 
	text-decoration:none;
}
.comm_box1 {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size:12px; 
   color:#000000; 
   font-variant:normal; 
   padding:5px; 
   width:245px; 
   height:75px; 
   border:1px solid #42709f;
}

.input_field1 {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000; 
	font-variant:normal; 
	padding:0 0 0 5px; 
	width:245px; 
	height:30px; 
	border:1px solid #42709f;
}
.input_fielddate{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000; 
	font-variant:normal; 
	padding:0 0 0 5px; 
	width: 245px; 
	height:30px; 
	border:1px solid #42709f;
}
.RadComboBox.RadComboBox_Default{
   width:252px!important;
}



#header {
    background-image: url("images/header-corner-tab-ver.png");
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
}
#logo {
    float: left;
    margin: 30px 0 15px;
    max-width: 100%;
    width: 30%;
}


#nevigation {
    float: right;
    margin-top: 0px;
    max-width: 100%;
    width: 100%;
}
}


/* RESPONSIVE CSS END HERE */