/*         gray theme
			  Main             
          CSS Document          
       TURHAN YENI - 2013       */

 body             { background-color:#ffffff;
                    margin:0px;
                    border-bottom-color:-moz-use-text-color;
                    border-bottom-style:none;
                    border-bottom-width:0;
                    border-left-color-ltr-source:physical;
                    border-left-color-rtl-source:physical;
                    border-left-color-value:-moz-use-text-color;
                    border-left-style-ltr-source:physical;
                    border-left-style-rtl-source:physical;
                    order-left-style-value:none;
                    border-left-width-ltr-source:physical;
                    border-left-width-rtl-source:physical;
                    border-left-width-value:0;
                    border-right-color-ltr-source:physical;
                    border-right-color-rtl-source:physical;
                    border-right-color-value:-moz-use-text-color;
                    border-right-style-ltr-source:physical;
                    border-right-style-rtl-source:physical;
                    border-right-style-value:none;
                    border-right-width-ltr-source:physical;
                    border-right-width-rtl-source:physical;
                    border-right-width-value:0;
                    height:100%;
                    margin-bottom:0;
                    margin-left:0;
                    margin-right:0;
                    margin-top:0;
                    overflow-x:hidden;
                    overflow-y:hidden;
                    padding-bottom:0;
                    padding-left:0;
                    padding-right:0;
                    padding-top:0;} 

 html             { overflow-x: hidden;  overflow-y: hidden; } 
.container        { top:0px; bottom:0px; left:0px; right:0px; margin:auto; overflow:hidden;}
.fwsideArea       { top:2px; left:2px; right:2px; bottom:2px; border:1px solid #a4a4a4; overflow:hidden;}
.fwsideBg         { border:0px solid #c8c6c6; }
.fwsideBgBack     { top:0px; left:0px; right:0px; bottom:0px; overflow:auto;}
.page_body        { width:900px;margin-top:0px;margin-bottom:0px;margin:auto;}
.logon            { top:125px; left:2px; right:0px; height:80px; border-bottom:0px dotted #a4a4a4; overflow:hidden; z-index:1000000; }
.fwshadow         { -moz-box-shadow:inset 0 0 4px 1px #d8d8d8; -webkit-box-shadow:inset 0 0 4px 1px #d8d8d8; box-shadow:inset 0 0 4px 1px #d8d8d8; }			
.fwsideimg        { top:-20px; left:680px; height:140px; width:220px; }
.fwsideimg1       { background-image:url(../image/sideimg.png); background-repeat:no-repeat; }
/* border */
.linTop           { border-top:1px solid #c8c6c6; }
.linBtm           { border-bottom:1px solid #c8c6c6; }
.linTopDotted     { border-top:1px dotted #c8c6c6; }
.linRightDotted   { border-right:1px dotted #c8c6c6; }
.linRight1        { border-right:1px dotted #a4a4a4; }
.linRight2        { border-right:2px dotted #a4a4a4; }
.linTop1          { border-top:1px dotted #a4a4a4; }
.linBottom1       { border-bottom:1px dotted #a4a4a4; }
.linBottom2       { border-bottom:2px dotted #a4a4a4; }
.menuSepH         { border-top:1px dotted #a4a4a4; }
.menuSepV         { border-right:1px dotted #a4a4a4; }
.boxborder_1      { border:1px solid #d8d5d5; }	                                      /* grid out (query browse) */
.boxborder_2      { border-top:1px solid #d8d5d5;  border-left:1px solid #d8d5d5; }   /* grid out (query browse) */
.boxborder_3      { border-top:1px solid #d8d5d5; }	                                  /* grid out (query browse) */
/* input */		
*:focus           { outline: none; }	
.inpLabelFont     { font-family:Arial, Verdana, Helvetica, sans-serif; }
.inpLabelColor    { color:#302f2f; }
.inpLabelStyle    { border-bottom:1px dotted #c8c6c6; }
.inpColor         { color:#333399; background-color:#f1f1f1; }
.inpColorErr      { color:#000000; background-color:#f9dada; }
.inpDisableColor  { color:#a4a4a4; }
.inpFont          { font-family:Arial, Verdana, Helvetica, sans-serif;}
.inpFontSize      { font-size:11px; }
.inpBorder        { border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; }
.inpBorderFocus   { border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; border-top:1px solid #f1f1f1; border-bottom:1px solid #000000; } 
.inpNoBorder      { border:1px solid #ffffff; background-color:transparent; }
.inpIndent        { text-indent:2px; }
/* text */
.txtLarge         { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:16px; color:#757575;	font-weight:bolder; }
.txtCaption       { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:12px; color:#000000;	font-weight:bolder; }
.txtLabel         { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:11px; color:#302f2f; }
.txtLabelBold     { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:14px; color:#403f3f;  }
.txtLabelSmall    { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:9px;  color:#302f2f; }
.logLarge         { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:16px; color:#403f3f;	font-weight:bolder; }
.logCaption       { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:12px; color:#515151;	font-weight:bolder; }
.logLabel         { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:11px; color:#000000; }
.logLabelSmall    { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:9px;  color:#000000; }
.msgLabel         { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:11px; color:#F00; font-weight:bolder; }
/* for text hover */
.lnkCaption       { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:12px; color:#003A83;	font-weight:bolder; }
.lnkCaptionH      { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:12px; color:#F00;	font-weight:bolder; }
.borderBos        { border-left:0px solid #ffffff; border-bottom:0px solid #ffffff; border-top:0px solid #ffffff; border-right:0px solid #ffffff; }	
.inp              { height:13px; background-color:transparent; }
/* input logon */
.logLabelColor    { color:#000000; font-weight:bolder; }
.logLabelStyle    { border-bottom:0px dotted #403f3f; }
.logColor         { color:#00377C; }
.logFontSize      { font-size:12px; }
.logBorder        { border:1px solid #ffffff; background-color:#ffffff; }
.logBorderFocus   { border:1px solid #ffffff; background-color:#ffffff; }
/* ------------- Button ----------- */
.btn              { cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-align:center; margin-right:0px; margin-left:0px; overflow:hidden; }
.btnBorder        { border:0px solid #00377c; }
/* button type - 1 (3d)*/
.btnBackground1   { background-image: -ms-linear-gradient(bottom, #00377c 0%, #014192 100%);
					background-image: -moz-linear-gradient(bottom, #00377c 0%, #014192 100%);
					background-image: -o-linear-gradient(bottom, #00377c 0%, #014192 100%);
					background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00377c), color-stop(1, #014192));
					background-image: -webkit-linear-gradient(bottom, #00377c 0%, #014192 100%);
					background-image: linear-gradient(to top, #00377c 0%, #014192 100%); }
					
.btnHover1        { background-image: -ms-linear-gradient(bottom, #f6f6f6 0%, #0456bc 100%);
					background-image: -moz-linear-gradient(bottom, #f6f6f6 0%, #0456bc 100%);
					background-image: -o-linear-gradient(bottom, #f6f6f6 0%, #0456bc 100%);
					background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f6f6f6), color-stop(1, #0456bc));
					background-image: -webkit-linear-gradient(bottom, #f6f6f6 0%, #0456bc 100%);
					background-image: linear-gradient(to top, #f6f6f6 0%, #0456bc 100%); }
/* button type - 2 (plain) */					
.btnBackground2   { background-color: transparent; border:1px solid transparent; }
.btnHover2        { background-color: #f6f6f6; border:1px solid #d6d6d6; }
/* ------------- tWins ----------- */
.twinClass        { position:absolute; }
/* ------------- tTabs ----------- */
.ttabBorder       { border:1px solid #b7b7b7; }
.ttabHeadColor    { background-color: #eeedee; }
.ttabHeadTrans    { background-color: transparent; }
.ttabHeadBorder   { border-bottom:1px solid #b7b7b7; }
.ttabTabSlcBrd    { border-top:1px solid #b7b7b7; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid transparent;}
.ttabTabUnSlcBrd  { border-top:1px solid #b7b7b7; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.ttabTabSlcBg     { background-color:#ffffff; }
.ttabTabUnSlcBg   { background-color:#dbdbdb; }
.ttabTabHover     { background-color:#b0afaf; }
.ttabPage         { background-color:#ffffff; }
.ttabPageBorder   { border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; }
.ttabRadius       { -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:12px;
                    -moz-border-radius-topleft:3px; -moz-border-radius-topright:12px;
                     border-top-left-radius:3px; border-top-right-radius:12px; }
.ttabPageRadius   { -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;
                    -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px;
                     border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.ttabFont         {	font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; color:#302f2f; text-align:center; }
/* ------------- reSize H ----------- */
.tReSizeH         { border-left:1px solid #c8c6c6; border-right:1px solid #c8c6c6; }
.tReSizeHover     { background-color :#e8e8e8; }
/* ------------- Border ----------- */
.borderGrd        { border-bottom:1px solid #a4a4a4;  border-top:1px solid #a4a4a4; }	
/* ------------- Form toolbar ----------- */
.toolBar          { border:0px solid #f5f5f5; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } 
.toolBarBG        { background-color:#efefef; }
.toolBarTitle     { -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px;
                    -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px;
                     border-top-left-radius:6px; border-top-right-radius:6px;
					 top:0px; left:0px; right:0px; height:16px; 
					 border-bottom: 1px dotted #d0d0d0;
					 background-color:#e7e7e7;
					 text-align:center; }
.captionWhite     { -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px;
                    -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px;
                    border-top-left-radius:6px; border-top-right-radius:6px;
				    border-left:1px solid #b7b7b7;
					border-right:1px solid #b7b7b7;
				    border-top:1px solid #b7b7b7;
					background-color:#ffffff; }
.quickMsg         { background-color:#FCB44D; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;  }		
/* for input file */
.file             { -moz-opacity:0; filter:alpha(opacity:0); opacity:0; z-index:2; }
.box              { border-left:1px dotted #999999; border-bottom:1px dotted #999999; border-top:1px dotted #999999; border-right:1px dotted #999999; }	
/* ---------------- Data grid ------------------ */
.gridColumText    { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:11px; color:#302f2f;	font-weight:bolder; }
.gridDataText     { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:11px; color:#302f2f; }
.gridDataDisText  { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:11px; color:#a4a4a4; }
.gridRecTitle     { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:10px; color:#302f2f; font-style:italic; }
.gridPageText     { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:10px; color:#302f2f; }
.gridTitleText    { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:11px; color:#302f2f; }
.gridSep          { font-family:Arial,Verdana,Helvetica, sans-serif; font-size:12px; color:#302f2f; }
.gridInpFont      { color:#333399; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px;}
.hoverSelect2     { border : 1px solid #C30; }
.hoverUnSelect2   { border : 0px; }
.hoverSelect      { background:#f1f1f1; }
.hoverUnSelect    { background:transparent; }