/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
    outline:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  /*border: 1px solid #999;*/
}
body {
    background:#ffffff;
    color: #000000;
    font-family: Verdana,'Helvetica Neue',Arial, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.1em;
    text-rendering: optimizeLegibility;
}


p{margin:0px 0px 10px 0px;}
 p.breakhere {page-break-after: always}

select, input, textarea {
  background-color:#ffffff; 
  border:1px solid #125ca5;
  border-radius: 3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px; 
  -webkit-box-shadow: 0px 1px 3px #c1c1c1;
  -moz-box-shadow: 0px 1px 3px #c1c1c1;
  box-shadow: 0px 1px 3px #c1c1c1;
  padding: 4px;
  text-decoration: none;
  display:-moz-inline-box;
     display:inline-block;
  font-weight:bold;
}
 a   { display:-moz-inline-box;
     display:inline-block;
       color:#000000;
       border-bottom:0px solid #fff;
       text-decoration:underline;
     
 }
 a:hover   { color:#125ca5;text-decoration:none;}


.btn {
    margin: 0px 0px 0 0;
    cursor: pointer; color:#fff;
    font-family:Arial, sans-serif; 
    font-weight:normal;
}
.btn.red {color:#fff;
     background-color:maroon; 
     border-color: red;
    }

.btn.red:hover {
     background-color:red; 
     border-color: maroon;
    } 
.btn.blue {
     background-color:#125ca5; 
     border-color: #52b1dd;
    }

.btn.blue:hover {
     background-color:#52b1dd; 
     border-color: #125ca5;
    } 
.btn.gray {
     background-color:#000000; 
     border-color: #8d8d8d;    
    }

.btn.gray:hover {
     background-color:#8d8d8d; 
     border-color: #000000;
    } 

.btn.darkblue {
     background-color:#64b0fa; 
     border-color: #175402;
    }
.btn.darkblue:hover {
     background-color:#175402; 
     border-color: #64b0fa;
    } 

.btn.blue.login {
                width:120px;
                height:30px;
                margin:0px 20px 0px 0px;
    }
.btn.darkblue.login {
                width:120px;
                height:30px;
    }


.wrapper { 
  border : 0px solid blue; 
  overflow:hidden;
}


.divtop {
    width: 100%;
    min-height: 50px;
    text-align: right;
    overflow: hidden;
    padding: 10px 20px 10px 20px;
    margin: 0px;
    background: #cceffb;
}



 .divtitdmin {display:inline-block;
             display:-moz-inline-box;
             float:left;
             text-align:left;font-weight:bold;font-size:1.1em;
}
 .divtopadmin {display:inline-block;
             display:-moz-inline-box;
             text-align:right;
             font-size:1.1em;
             margin:0px 20px 0px 0px;
}


 .divlogo {display:inline-block;
             display:-moz-inline-box;
  margin:20px 5px 20px 5px;
  max-width:654px;
  border:0px solid #7bc142;
}
.divmenu {
  text-align:right;
  overflow:hidden;
  margin:30px 20px 0px 200px;border:0px solid #3c91ca;
  display: inline-block;
  
}


.divreg {
     width:100%;
     text-align:center;
     overflow:hidden;
     margin:0px;
     padding:10px 20px 10px 20px;
     border-top:3px solid #64b0fa;
     min-height:300px;color:#FFF;
     background-color:#547596;

}



.footer {
    position: relative;
    margin: 0px;
    width: 100%;
    min-height: 100px;
    text-align: left;
    overflow: hidden;
    padding: 20px 30px 30px 30px;
    background-color: #165985;
    height: auto;
    color: #FFF;
    font-size: 1.2em;
}
 .footer a   { color:#FFF;}
 .footer a:hover   { color:#7bc142;border-bottom:none;}
 
 
.sep {color:#125ca5;font-weight:bold;display:-moz-inline-box;display:inline-block;padding:0px 6px 0px 12px;}
.clear {clear:both;}
strong {font-weight:bold;}

.alertred {margin:0px;
           color:red;
           padding:20px;
           margin:5px;
           text-align:left;
           font-style:italic;
           font-weight:bold;
           background:url('../images/ateention2.png') no-repeat left; 
           }
.alert#3c91ca {margin:0px;
           color:#3c91ca;
           padding:25px;
           margin:5px;
           text-align:left;
           font-style:italic;
           font-weight:bold;
           background:url('../images/#3c91cacheck.png') no-repeat left; 
           }
.sortImage {
    display: inline-block;
    display: -moz-inline-box;
    margin:0px;padding:0px;
    vertical-align:middle;
}
/****************  messages *****************/
 a.tooltip {outline:none;}
    a.tooltip span {
       z-index:10;
       display:none;
        min-width:100px;
       max-width:300px;
       padding:10px;
       margin-top:-20px;
       margin-left:16px;
       line-height:16px;
         color:#000;
         font-weight:bold;
         text-align:left;
         font-style:italic;
       border-radius: 4px;
      -webkit-border-radius:4px;
      -moz-border-radius:4px; 
      -webkit-box-shadow: 5px 5px 8px #c1c1c1;
      -moz-box-shadow: 5px 5px 8px #c1c1c1;
       box-shadow: 5px 5px 8px #c1c1c1;
      }
    a.tooltip:hover span{
         display:inline;
         position:absolute;        
         border:1px solid #125ca5;
         background:#fff;}

    a.tooltipred {outline:none;}
    a.tooltipred span {
       z-index:10;
       display:none;
       min-width:100px;
       max-width:300px;
       padding:10px;
       margin-top:-20px;
       margin-left:16px;
       line-height:16px;
         color:#fff;
         font-weight:bold;
         text-align:left;
         font-style:italic;
       border-radius: 4px;
      -webkit-border-radius:4px;
      -moz-border-radius:4px; 
      -webkit-box-shadow: 5px 5px 8px #c1c1c1;
      -moz-box-shadow: 5px 5px 8px #c1c1c1;
       box-shadow: 5px 5px 8px #c1c1c1;
      }
    a.tooltipred:hover span{
         display:inline;
         position:absolute;        
         border:1px solid #fb7d7d;
         background:red;}


    .callout {z-index:20;
              position:absolute;
              top:20px;
              border:0;
              outline:none;
              left:-22px;}

/* **************** Details View ***********     */
.leftcolumn {display:inline-block;
             display:-moz-inline-box;
             margin:2px 0px 3px 0px;
}
.leftcolumn1 {display:inline-block;
             display:-moz-inline-box;
             margin:2px 0px 3px 0px;
             width:120px;
             padding:4px 3px 3px 3px;
}
.leftcolumn2 {display:inline-block;
             display:-moz-inline-box;
             margin:2px 0px 3px 0px;
             width:140px;           
             padding:4px 3px 3px 3px;
}



.rightcolumn {display:inline-block;
              display:-moz-inline-box;
             margin:3px 0px 3px 0px;
             color:black;font-weight:bold;
}

.rightcolumn3 {display:inline-block;
              display:-moz-inline-box;
             margin:3px 0px 3px 0px;
             color:black;font-weight:bold;
             font-size:.7em;
}



.butt {margin:10px 0px 0px 140px;}
.butt div {display:inline-block;
             display:-moz-inline-box;margin:0px 0px 0px 40px;}



.progress
{
    position:absolute;
    z-index:100;
    top:40%;
    left:10%;
    border: 0px solid #64b0fa;
 padding: 10px;
 width: 100px;
 height:100px;
 background-color:#fff; 
}
.gmsg
{
    position:relative;
    z-index:100;
    top:-40px;
    left:45%;
    border: 1px solid #64b0fa;
 padding: 8px;
 width:10%;
 background-color:#fff; 
}

.imgthumb {width:100px;
}

.imgphoto {width:30%;height:30%;}
.ibuttom {cursor:pointer; 
    background-color:transparent;
  border:0px;
  -webkit-box-shadow: 0px 0px 0px #c1c1c1;
  -moz-box-shadow: 0px 0px 0px #c1c1c1;
  box-shadow: 0px 0px 0px #c1c1c1;
 
}
    .ibuttom.print {
       position:absolute;
      right:0;
      top:5px;
    }




.rightbutton {    
   display:-moz-inline-box; display:inline-block;margin:0px 0px 0px 20px;
} 
.requeriedfields { background:transparent url(../images/ateention1.png) no-repeat left;margin:3px 0px 10px 3px;padding:3px 3px 3px 20px;color:red;}


/* ******** GRID ************** */

.mGrid {    
    width: 100%;    
    background-color: #fff;    
    margin: 2px 0px;    
    border: solid 1px #ddd;    
    border-collapse:collapse;   
   
}
    .mGrid th {
        padding: 3px 3px 3px 3px;
        vertical-align: top;
        color: #fff;
        background-color: #165985;
        border-color: #8d8d8d;
    }
.mGrid th a{color:#fff;}
.mGrid th a:hover{color:#52b1dd;}


.mGrid td {    
    padding: 0px 3px 0px 3px;    
    border: solid 1px #ddd;    
   vertical-align:middle; 
}  



/********** modal panels *****************/
.iupload {height:35px;
          width:100%;
          border:none;
          outline:none;
          overflow:hidden;
}
.iupload2 {height:120px;
          width:100%;
          border:none;
          outline:none;
          overflow:hidden;
}

.cssbigpic {width:500px; border:none;
          outline:none;
          overflow:hidden;}
.modalpan {position:relative;clear:both;
	background-color:#fff;
    
    border-left: solid 1px #ddd;    
    color:#1b3852;
	width:700px;
    min-height:400px;
	margin:0px;
	border:2px solid #212226;
	padding:0px;
	
}

.modalpan2{position:relative;clear:both;
	background-color:#fff;
    
    border-left: solid 1px #ddd;    
    color:#1b3852;
	width:750px;
    min-height:400px;
	margin:0px;
	border:2px solid #212226;
	padding:0px;
	
}
 


.modalpan2 {position:relative;clear:both;
	background-color:#fff;
    
    border-left: solid 1px #ddd;    
    color:#1b3852;
	width:800px;
    min-height:400px;
	margin:0px;
	border:2px solid #212226;
	padding:0px;
	
}






.modalBackground {
	background-color:#e5e5e5;
	filter:alpha(opacity=70);
	opacity:0.7;
 
}

.dragpanelcss { cursor:move;
                background-color:#000000;
                 border-color: #7bc142;
                 color:#fff;font-size:1.3em;
                 padding:0px 0px 0px 5px;
                 margin:0px 0px 2px 0px;
                 border-bottom:1px solid #000000;
}
.dragpanelbluecss { cursor:move;
                 background-color:#7bc142; 
     border-color: #7bc142;
  
                 color:#fff;font-size:1.3em;
                 padding:0px 0px 0px 5px;
                 margin:0px 0px 2px 0px;
                 border-bottom:1px solid #64b0fa;
}




.imgcss {margin:0px;padding:0px;cursor:pointer;}


/****** MENU ******/
.menuBar {float:left;height:1.1em;width:100%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px; background-color:#9d9d9d; }
.myMenu {position:relative;
         float:right;
         margin:0px 40px 0px 0;
         border-left:1px solid #fff;
	     padding:0;
         background-color:#000000;
}

.myMenu li {
	list-style:none;
	float:left;
     border-bottom: 1px solid #fff;
}

.myMenu li a:link, .myMenu li a:visited {
	display:block;
	text-decoration:none;
	padding: 0.5em 2em;
	margin:0;
	border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
	color:#fff;
    background-color:#000000;
}

    .myMenu li a:hover {color:#000;
        background-color: #aae2fd;
    border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
    }




/*style the sub menu*/
.myMenu li ul {
	position:absolute;
	visibility:hidden;
	border-top:1px solid #fff;
	margin:0;
	padding:0;
    z-index:1000;
}

.myMenu li ul li {
	display:inline;
	float:none;
}



.myMenu {position:relative;float:right;margin:0px 40px 0px 0;
         border-left:1px solid #fff;
	     padding:0;
         background-color:#3c91ca;
}

.myMenu li {
	list-style:none;
	float:left; border-bottom: 1px solid #fff;
}

.myMenu li a:link, .myMenu li a:visited {
	display:block;
	text-decoration:none;
	padding: 0.5em 2em;
	margin:0;
	border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
	color:#fff;
     background-color:#3c91ca;
}

    .myMenu li a:hover {color:#000;
        background-color: #aae2fd;
    border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
    }

   


/*style the sub menu*/
.myMenu li ul {
	position:absolute;
	visibility:hidden;
	border-top:1px solid #fff;
	margin:0;
	padding:0;
}

.myMenu li ul li {
	display:inline;
	float:none;
}

/* ******** GRID PAGER ************** */
.first{
    background:transparent url(../images/first.png) no-repeat scroll center;
    height:1.3em;
    width:20px;
}
.last{cursor:pointer; 
    background:transparent url(../images/last.png) no-repeat scroll center;
    height:1.3em;
    width:20px;
}  
.previous{cursor:pointer; 
    background:transparent url(../images/previous.png) no-repeat scroll center;
    height:1.3em;
    width:16px;
}
.next{cursor:pointer; 
    background:transparent url(../images/next.png) no-repeat scroll center;
    height:1.3em;
    width:16px;
} 
/** TABS **/
.panelblue {display:-moz-inline-box;
            display:inline-block;
            position:relative;
            cursor:pointer;
            color:#fff;
            width:100%;
            height:35px;
            padding:10px 10px 0px 10px;
            margin:0px;                                                
            border:1px solid #125ca5;
            border-bottom:0px;
            outline: none;
            overflow: hidden;
            background-color:#125ca5; 
         }
.panelblue:hover {
            background-color:#52b1dd;
         }
.panelgray {  display:-moz-inline-box;
              display:inline-block;
              position:relative;
              cursor:pointer;
              color:gray;
              width:100%;
              height:35px;
              padding:10px 10px 0px 10px;
              margin:0px;                                                
              border:1px solid silver;
              border-bottom:0px solid #125ca5;
              outline: none;
              overflow: hidden;
              background-color:silver; 
         }

.panelwhite { display:-moz-inline-box;
            display:inline-block;
            position:relative;
            cursor:pointer;
            width:100%;
            height:36px;
            padding:10px 10px 0px 10px;
            margin:0px;                                                
            border:1px solid #125ca5;
            border-bottom:0px;
            outline: none;
            overflow: hidden;
            background-color:#fff; 
            font-weight:bold; 
         }

.divbox {
    width: 100%;
    min-height: 400px;
    margin: 10px auto 80px 3%;
}
/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}


/* xp theme */
.ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url() repeat-x bottom;}
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url() no-repeat right;height:21px;}
.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url() no-repeat;}
.ajax__tab_xp .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url() repeat-x;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url() no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url() no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url() repeat-x;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url() no-repeat right;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url() no-repeat;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url() repeat-x;}
.ajax__tab_xp .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}


/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}



/* branpro layout */



.bptabs .ajax__tab_header {
    cursor: none;
    font-size: 1em;
    font-weight: normal;
    white-space: nowrap;
    width: 100%;
    height: 36px;
    padding:0;
    margin: 0;
    z-index: 1000;
    background: transparent url(../images/tabs/tab-line.png) repeat-x bottom;
}

.bptabs .ajax__tab_tab {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    min-width: 11em;
    height: 36px;
    padding:0;
    margin: 0;
    border: none;
    border: 0px;
  
}

.bptabs .ajax__tab_body						{width:100%;
                                                
                                                border:1px solid #125ca5;
                                                border-top:0px;
                                                margin:0;
                                                padding:8px 8px 50px 8px;
                                                background-color:#fff;
                                                text-align:left;}



.cnhighlighted {display:-moz-inline-box;display:inline-block;padding:3px;font-weight:bold;color:maroon;font-style:italic;background:yellow;}