@charset "utf-8";
/* CSS Document */

body{margin:0px; padding:0px; overflow-x:hidden; font-family:Verdana; font-size:12px; background:url(../images/bg.jpg) repeat #efefef;}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, img 
  { padding : 0px;  border : 0px;  font-size : 100%; margin : 0px;}
  
p {font-family:Verdana; font-size:12px; color:#6f6f6f; line-height:22px; width:100%;}
/*select:hover {-webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);}*/


.sun {width:96%; float:left; margin:2% 2%;}

.detail-pagenew {width:100%; float:left; border:2px solid; border-color:#48372f;  background-color:#F8F6EE; padding-bottom: 10px;}


.detail-pagenew1 {width:97%; float:left; border:2px solid; border-color:#48372f; margin-left:8px; margin-top:10px; margin-bottom:10px; padding-top:5px; padding-bottom:5px;   background-color:#fff;}

.detail-pagenew2 {width:100%; float:left; border:2px solid; border-color:#48372f; background-color:#F8F6EE;}

.detail-pagenew3 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}

.detail-pagenew4 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}

.detail-pagenew5 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:0px;  background-color:#F8F6EE;}

.detail-pagenew6 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}

.detail-pagenew7 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}

.detail-pagenew8 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}

.detail-pagenew9 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}


.detail-containernewfile {width:100%; float:left;   background-color:#48372f;  padding:3px 0px 3px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }


.detail-containernewfile101 {width:100%; float:left;   background-color:#48372f;  margin-left:0px; padding:3px 0px 3px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }


.detail-containernewfile100 {width:98%; float:left;   background-color:#48372f; margin-top:20px; margin-left:5px;  padding:3px 0px 3px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }


.detail-containernewfile5002 {width:98%; float:left;   background-color:#48372f;  padding:3px 0px 3px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }


.detail-containernewfile5001 {width:95%; float:left; margin-left:5px; margin-top:15px;   padding:0px 0px 0px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }

.detail-containt2new {width:100%; float:left; margin-left:7px;}

.detail-containt2001new {width:100%; float:left; margin-left:7px;}

.detail-containt2001new01 {width:95%; float:left; margin-left:7px;}
.detail-containt2002new {width:100%; float:left; margin-left:7px;}
.detail-containt2003new {width:100%; float:left; margin-left:7px;}
.detail-containt2004new {width:100%; float:left; margin-left:7px;}

.detail-containt2005new { width:100%; float:left; margin-left:7px;}
.detail-containt2006new { width:100%; float:left; margin-left:7px;}
.detail-containt2007new { width:100%; float:left; margin-left:7px;}
.detail-containt2008new {width:100%; float:left; margin-left:7px;}

.detail-containt2009new {width:100%; float:left;margin-left:7px;}
.detail-containt2new5002 {width:20%; float:right; margin-right:5px;}
.detail-containt02new { width:100%; float:left; margin-top:15px; margin-bottom:10px;}
.detail-containt02new10 { width:auto; float:left; margin-top:15px; margin-bottom:10px;}
.detail-containt02new101 { width:auto; float:left; margin-top:15px; margin-bottom:10px;}
.detail-containt02new1 { width:27%; float:right; margin-top:15px; margin-bottom:10px;}
.detail-containt02new789 { width:100%; float:left; margin-top:20px; margin-bottom:10px;}
.detail-containt02new7890new { width:100%; float:left; margin-top:15px; margin-bottom:10px;}
.detail-containt02new789new { width:100%; float:left; margin-top:15px; margin-bottom:10px;}
.detail-containt02new78900new { width:100%; float:left; background-color:#f0f0f0; padding-top:5px; padding-bottom:7px; margin-bottom:10px;}
.detail-containt02new78900new10 { width:100%; float:left; padding-top:5px; padding-bottom:7px; margin-bottom:10px;}
.detail-containt02new78900new1 { width:100%; float:left; padding-top:5px; padding-bottom:7px; margin-bottom:10px;}
.detail-containt21new { width:96%; float:left; margin-top:14px;  padding:2%;}
.detail-containt21000new { width:95%; float:left; margin-top:7px; margin-left:5px;}
.detail-containt21000new123 { width:95%; float:left; margin-top:7px; margin-left:25px;}
.detail-containt21000new789 { width:95%; float:left; margin-top:30px; margin-left:25px;}
.detail-containt210new { width:95%; float:left; margin-top:18px;  margin-left:25px;}
.detail-containt2100new { width:95%; float:left; margin-top:25px; margin-left:25px;}
.detail-txnew21 {font-family:Verdana; font-size:17px; font-weight:bold; color:#000; line-height:22px;}
.detail-txnew21000 {font-family:Verdana; font-size:14px; font-weight:bold; color:#000; }
.detail-containt2innernew1 { width:45%; float:left; margin-left:7px;}
.detail-containt2innernew100 { width:70%; float:left; margin-left:25px; font-family:Verdana; font-size:18px; font-weight:bold;}
.detail-containt2innernew10002 { width:70%; float:left; margin-left:25px; font-family:Verdana; font-size:14px; font-weight:bold;}
.detail-containt2innernew1000 { width:auto; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal;}
.detail-containt2innernew10000 { width:auto; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal;}
.detail-containt2innernew100001 { width:auto; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal;}
.detail-containt2innernew100002 { width:auto; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal;}
.detail-containt2innernew100003 { width:20%; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal;}
.detail-containt2innernew100003_1 { width:20%; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal; color:#FFF;}
.detail-containt2innernew100003_2 { width:20%; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal; color:#000;}
.detail-containt2innernew100003_3 { width:20%; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal; color:#000; }
.detail-containt2innernew100003_4 { width:20%; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal; color:#000;}
.detail-containt2innernew100003_5 { width:20%; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal; color:#000;}
.detail-containt2innernew100003_6 { width:20%; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal; color:#000;}
.detail-containt2innernew100004 { width:20%; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal;}
.detail-containt2innernew100004_1 { width:20%; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal; color:#FFF;}
.detail-containt2innernew100004_2 { width:20%; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal; color:#000;}
.detail-containt2innernew100004_3 { width:20%; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal; color:#000;}
.detail-containt2innernew100004_4 { width:20%; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal; color:#000;}
.detail-containt2innernew100004_5 { width:20%; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal; color:#000;}
.detail-containt2innernew100004_6 { width:20%; float:left; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal; color:#000;}
.detail-containt2innernew100005 { width:20%; float:right; margin-left:25px; font-family:Verdana; font-size:12px; font-weight:normal;}
.detail-containt2innernew100005_1 {
  width:auto;
  float:right;
  margin-left:5px;
  margin-right:100px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#FFF;
  
}

.detail-containt2innernew100005_2 {
  width:auto;
  float:right;
  margin-left:5px;
  margin-right:100px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100005_3 {
  width:auto;
  float:right;
  margin-left:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100005_4 {
  width:auto;
  float:right;
  margin-left:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100005_5 {
  width:auto;
  float:right;
  margin-left:5px;
  margin-right:100px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100005_6 {
  width:auto;
  float:right;
  margin-left:5px;
  margin-right:100px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}




.detail-containt2innernew100006 {
  width:20%;
  float:right;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt2innernew100006_1 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#FFF;
  
}


.detail-containt2innernew100006_2 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100006_3 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}


.detail-containt2innernew100006_4 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100006_5 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100006_6 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}


.detail-containt2innernew100007 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt2innernew100008 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt2innernew100009{
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.Log_Hour_Container_Left {
  width: auto;
  float: left;
  margin-left: 25px;
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  min-width: 100px;
  text-align:right;
}

.detail-containt2innernew100009new{
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}


.detail-containt2innernew1000010{
  width:auto;
  float:left;
  margin-left:45px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt2innernew1000010new{
  width:auto;
  float:left;
  margin-left:4px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt2innernew1000011{
  width:auto;
  float:left;
  margin-left:45px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt2innernew1000011new{
  width:auto;
  float:left;
  margin-left:30px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}


.detail-containt2innernew1000012{
  width:auto;
  float:right;
  margin-right:45px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt2innernew1000012new{
  width:auto;
  float:right;
  margin-right:45px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}


.detail-containt2innernew1000013new{
  width:auto;
  float:left;
  margin-left:100px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt2innernew1000014new{
  width:auto;
  float:left;
  margin-left:10px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}



.detail-containt2innernew2000 {
  width:auto;
  float:left;
  margin-left:40px;
    
}


.detail-containt2innernew02 {
  width:50%;
  float:right;
  margin-right:10px;
  text-align:right;
  
}


.detail-containt3new_txtfieldmain {
  width:100%;
  float:left;
  
}


.txtnew_field {
  width:auto;
  float:left;
  
}

.detail-containt3new {
  width:auto;
  float:left;
  padding-left:55px;
  

  
  
}




.detail-containt3new_txtfield {
  width:auto;
  float:left;
  
  
}


.detail-containt3new_txtfield_password {
  width:80%;
  float:left;
  margin-top:7px;
  margin-left:70px;
  
  
}

.detail-containt3new_txtfield_passwordnew {
  width:80%;
  float:left;
  margin-top:7px;
  margin-left:65px;
  
  
}


.detail-containt3new_txtfield_passwordnew1 {
  width:80%;
  float:left;
  margin-top:7px;
  margin-left:60px;
  
  
}

.detail-containt3new_txtfield_passwordnew2 {
  width:80%;
  float:left;
  margin-top:7px;
  margin-left:90px;
  
  
}


.detail-containt3new_txtfield_passwordnew3 {
  width:80%;
  float:left;
  margin-top:7px;
  margin-left:118px;
  
  
}


.detail-containt3new_txtfield_passwordnew4 {
  width:80%;
  float:left;
  margin-top:7px;
  margin-left:108px;
  
  
}


.detail-containt3new_txtfield_passwordnew5 {
  width:80%;
  float:left;
  margin-top:7px;
  margin-left:85px;
  
  
}


.detail-containt3new_txtfield_passwordnew10 {
  width:80%;
  float:left;
  margin-top:7px;
  margin-left:40px;
  
  
}

.detail-containt3new_txtfield_passwordnew11 {
  width:80%;
  float:left;
  margin-top:7px;
  margin-left:55px;
  
  
}


.detail-containt03new {
  width:80%;
  float:left;
  margin-top:10px;
  margin-left:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  
}

.detail-containt0300new {
  width:100%;
  float:left;
  margin-top:15px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  
}

.detail-containt0300new123 {
  width:100%;
  float:left;
  margin-top:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  
}



.detail-containt0300newinner {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  
}



.detail-containt0300newinner123 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  
}


.detail-containt0300newinner1 {
  width:auto;
  float:left;
  margin-left:34px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt0300newinner456 {
  width:auto;
  float:left;
  margin-left:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}


.detail-containt030new {
  width:98%;
  float:left;
  margin-top:10px;
  
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}


.detail-containt03000new {
  width:98%;
  float:left;
  margin-top:10px;
  margin-left:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt030new1234 {
  width:98%;
  float:left;
  margin-top:10px;
  margin-left:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}


.detail-containt030new123 {
  width:98%;
  float:left;
  margin-top:10px;
  margin-left:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}


.detail-containt003new {
  width:80%;
  float:left;
  margin-left:5px;
  
}

.detail-containt003new label{padding-left:10px;}

.detail-containt33new {
  width:80%;
  float:left;
  margin-left:50px;
  
}


.detail-containt31new {
  width:80%;
  float:left;
  margin-left:50px;
  
}


.detail-containt4new {
  width:80%;
  float:right;
  margin-right:12px;
  padding-top:9px;
  
}


.detail-containt04new {
  width:80%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  
}


.detail-containt44new {
  width:80%;
  float:right;
  margin-right:12px;
  padding-top:9px;
  
}


.detail-containt5new {
  width:96%;
  float:left;
  padding:2%;
}

.detail-containt5new1 {
  width:80%;
  float:left;
  margin-left:70px;
  padding-top:9px;
  
}


.detail-containt500new {
  width:80%;
  float:left;
  margin-left:22px;
  padding-top:9px;
  
}

.detail-containt500new1 {
  width:96%;
  float:right;
  margin-left:22px;
  padding-top:9px;
  
}

.detail-containt500new123 {
  width:96%;
  float:left;
  margin-left:22px;
  padding-top:9px;
  
}



.detail-containt5000new {
  width:95%;
  float:left;
  margin-left:22px;
  padding-top:9px;
  
}

.detail-containt50002new {
  width:97%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  border:2px solid;
  border-color:#48372f;
  
}


.detail-containt50001new {
  width:97.3%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  border:2px solid;
  border-color:#48372f;
  
}


.detail-containt05new {
  width:80%;
  float:left;
  margin-left:70px;
  padding-top:9px;
  
}

.detail-containt55new {
  width:80%;
  float:left;
  margin-left:70px;
  padding-top:9px;
  
}


.detail-containt6new {
  width:80%;
  float:left;
  margin-left:45px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-containt06new {
  width:80%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}



.detail-containt7new {
  width:80%;
  float:left;
  margin-left:51px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-containt70new {
  width:80%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-containt07new {
  width:80%;
  float:left;
  margin-left:55px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-containt8new {
  width:80%;
  float:left;
  margin-left:75px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt008new {
  width:80%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}



.detail-containt08new {
  width:80%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-containt9new {
  width:80%;
  float:left;
  margin-left:100px;
  padding-top:9px;
  
}


.detail-containt09new {
  width:80%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  
}


.detail-containt11new {
  width:80%;
  float:left;
  margin-left:28px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-containt110new {
  width:96%;
  float:left;
  padding:2%;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101new {
  width:100%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-containt1101inner {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_1 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_2 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_3 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_4 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_5 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_6 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_7 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_8 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_9 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-containt1101inner_rgt {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt1 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt2 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt3 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt4 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt5 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt6 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt7 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt8 {
  width:35%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}




.detail-containt1101inner_txt {
  width:100%;
  float:left;
  padding-bottom:5px;
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  
}


.detail-containt2100inner_txt {
  width:100%;
  float:left;
  padding-bottom:5px;
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  
}



.detail-containt1101inner1 {
  width:25%;
  float:left;
  margin-left:5px;
  padding-top:33px;
  padding-bottom:5px;
  
}


.detail-containt1101inner123 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}


.detail-containt1101inner123_up1 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_up2 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_up3 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_up4 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_up5 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_up6 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_up7 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_up8 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_up9 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_down1 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}


.detail-containt1101inner123_down2 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_down3 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_down4 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_down5 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_down6 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_down7 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_down8 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1101inner123_down9 {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:2px;
  padding-bottom:2px;
  
}

.detail-containt1100new {
  width:80%;
  float:left;
  margin-left:5px;
  margin-top:15px;
  padding-top:9px;
  padding-bottom:5px;
  
}




.detail-containt12new {
  width:96%;
  float:left;
padding:2%;
}


.detail-containt12new11 {
  width:80%;
  float:left;
  margin-left:70px;
  padding-top:9px;
  
}

.detail-containt120new {
  width:96%;
  float:left;
  padding:2%;
  padding-top:15px;

}



.detail-containt13new {
  width:80%;
  float:left;
  margin-left:40px;
  
}



.detail-containt14new {
  width:80%;
  float:left;
  margin-left:130px;
  padding-top:9px;
  padding-bottom:5px;
  
}

/*new table */

.container-fluid {
      max-width: 500px;
      margin: 20px auto;
      border: 20px solid #efefef;
      padding: 0;
      background-color: #fff;
      box-shadow: 2px 3px 5px rgba(0,0,0,.5);
    }

    
    .table-wrapper {
      overflow: hidden;
    border: solid;
    border-width:1px;
      border-color: #000;
    }
    .pinned {
      width: 30%;
      border-right: 1px solid #ccc;
      float: left;
    }
    .scrollable {
      float: right;
      width: 100%;
      overflow: scroll;
      overflow-y: hidden;
    }

    
    

/*Available Opportunities - Table code - start here*/

    
 .Heading{
        display: table-row;
        font-weight: bold;
        text-align: center;
    }
    
 .Row
    {
    
        display: table-row;
    }
    .Cell
    {
    display: table-cell;
        border: solid;
        border-width: thin;
        padding-left: 5px;
        padding-right: 5px;
    font-family:Verdana; font-size:12px;
    
    }
  



.detail-txnew1 {font-family:Verdana; font-size:12px; color:#ffffff; line-height:22px;}

.detail-txnew5001 {font-family:Verdana; font-size:12px; color:#000; line-height:22px;}


.detail-containernewfile-white {
  width:100%;
  float:left;
  background-color:#F8F6EE;
  padding:3px 0px 3px 0px;
  font-family:Verdana;
  font-size:12px;
  color:#000;
  line-height:18px;
}

.detail-containernewfile-yellow {
  width:100%;
  float:left;
  background-color:#48372f;
  padding:3px 0px 3px 0px;
  font-family:Verdana;
  font-size:12px;
  color:#fff;
  line-height:18px;
}


.detail-containernewfile-yellow1 {
  width:100%;
  float:left;
  background-color:#48372f;
  padding:3px 0px 3px 0px;
  font-family:Verdana;
  font-size:12px;
  color:#fff;
  line-height:18px;
}


.detail-containernewfile-yellow2 {
  width:100%;
  float:left;
  background-color:#48372f;
  padding:3px 0px 3px 0px;
  font-family:Verdana;
  font-size:12px;
  color:#fff;
  line-height:18px;
}



.detail-containernewfile-yellow3 {
  width:100%;
  float:left;
  background-color:#48372f;
  padding:3px 0px 3px 0px;
  font-family:Verdana;
  font-size:12px;
  color:#fff;
  line-height:18px;
}


  
font-face
{
font-family:Verdana;
      src: url('../font/verdana.eot');
      src: url('../font/verdana.eot?#iefix') format('embedded-opentype'), url('../font/verdana.woff') format('woff'), url('../font/verdana.ttf') format('truetype'), url('../font/verdana.svg#TeXGyreHerosRegular') format('svg');
      font-weight: normal;
      font-style: normal;
}  
  
img{ vertical-align:inherit}



  .category {background-color:#f6f6f6;}
  .category-d {background-color:#ffffff;}
.category-txt {width:98%; padding:20px 0px 20px 2%; float:left;}
.test {font-family:Verdana; float:left; font-size:15px; color:#333333; font-weight:bold; width:100%;}
.testsmall {font-family:Verdana; float:left; font-size:10px; color:#666666; margin:6px 0px 0px 0px; width:100%;}
.test1 {font-family:Verdana; float:left; font-size:12px; color:#666666; font-weight:bold; margin:40px 0px 0px 0px; width:100%;}
.testsmall1 {font-family:Verdana; float:left; font-size:10px; color:#666666; margin:6px 0px 0px 0px; width:100%;}
.firstlft {float:left; width:70%;}
.firstryt {float:left; width:30%;}
.note-txt {border-top:1px solid #cccccc; margin:15px 0px 0px 0px;}
.note-area {float:left; width:98%;}
.futr-box {padding:20px 0px;}
.secondlft {float:left; width:75%;}
.secondryt {float:left; width:25%;}
.secondtxt {font-family:Verdana; font-size:12px; color:#ffffff; line-height:22px;}
.secondtxt span {font-family:Verdana; font-size:12px; color:#fee202; line-height:22px;}
.futrofr {width:100%; float:left}
.futrofr select {-webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 14px; border:0; height: 35px; line-height:20px; color:#000000;}
.futrofr select option {height:20px; padding-top:7px;}

/*======= EUIRework-ActiveOffers-p1-with bookmark PAGE =======*/
.bookmark {font-family:Verdana; font-size:13px; font-weight:bold; color:#666666; text-decoration:none;}
.bookshow {width:250px; background-color:#fbfbfb; border:1px solid #dedede; display:none; padding:10px; position:absolute; top:105; right:173px; z-index:999;}
.optionshow {width:80px; background-color:#fbfbfb; border:1px solid #dedede; display:none; padding:10px; position:absolute; top:105; right:300px; z-index:999; line-height:22px;}
.optionshow a {width:100%; font-family:Verdana; font-size:12px; text-decoration:none; color:#999898; margin:10px 0px;}
.optionshow a:hover {width:100%; font-family:Verdana; font-size:12px; text-decoration:underline; color:#999898; margin:10px 0px;}

.bookmark-content {width:100%; float:left;}
.booklabl {width:20%; float:left;}
.bookbtn {-webkit-appearance: none;            /*Removes default chrome and safari style*/
      -moz-appearance: none;             /* Removes Default Firefox style*/
      background:url(../images/b-arrow.png) no-repeat;          /*Adds background-image*/
      background-position: 7px 8px;           /*Position of the background-image*/
      text-indent: 0.01px;          /* Removes default arrow from firefox*/
      text-overflow: "";               /*Removes default arrow from firefox*/
    -webkit-appearance: none; font-family:Verdana; font-size: 12px; border:0; color:#48372f;
    width:29px; height:26px; border:1px solid #828282; background-color:#9d9d9d; border-radius:3px;
}
.bookbtn:hover {background-color:#7a6962;}
.folder {
                    /*Removes border*/
      -webkit-appearance: none;            /*Removes default chrome and safari style*/
      -moz-appearance: none;             /* Removes Default Firefox style*/
      background:url(../images/arrow.png) no-repeat;          /*Adds background-image*/
      background-position: 150px 6px;           /*Position of the background-image*/
      text-indent: 0.01px;          /* Removes default arrow from firefox*/
      text-overflow: "";               /*Removes default arrow from firefox*/
    -webkit-appearance: none; font-family:Verdana; font-size: 12px; border:0; color:#48372f;
    width:66%; height:22px; border:1px solid #FC0;
}
.folder:hover {background-color:#7a6962;}

.done {padding:8px 15px; border:1px solid #c6c6c6; float:right; margin-left:10px; border-radius:2px;}
.donebg {background-color:#fee202;}


/*======= EUIRework-Agencies-p2 PAGE =======*/
.newest {background-color:#c4b2aa;}
.newest-txt {width:98%; padding:12px 0px 12px 2%; float:left;}
.newest-ocntent {font-family:Verdana; color:#ffffff; margin:0px 5px 0px 0px; float:right;}
.newest-ocntent a {text-decoration:none; font-size:14px; color:#ffffff; text-shadow:1px 0px 1px #5F5F5F; float:left; margin:0px 8px;}
.mapleton {width:96%; padding:20px 2% 20px 2%; float:left;}
.mapletonloogo {width:10%;}
.mapletoncontent {width:90%;}
.maplbox {width:100%; float:left; margin-bottom:10px;}
.mapspn {width:50%; float:left;}
.maptx {font-family:Verdana; font-size:15px; font-weight:bold; color:#333333;}
.maptx1 {font-family:Verdana; font-size:14px; color:#333333;}
.maptx2 {font-family:Verdana; font-size:12px; color:#666666; line-height:20px;}


.mapletonloogo {width:30%;}
.mapletoncontent {width:70%;}
.mapspn-p5 {width:50%; float:left;}
.maptx-p5 {font-family:Verdana; font-size:15px; font-weight:bold; color:#333333;}
.maptx1-p5 {font-family:Verdana; font-size:14px; color:#333333;}
.maptx2-p5 {font-family:Verdana; font-size:12px; color:#666666; line-height:20px;}

.maptx3 {font-family:"Trebuchet MS"; font-size:16px; color:#333333; line-height:20px;}

.allbtn {padding:5px 20px; font-family:Verdana; font-size:20px; margin:0px 0px 0px 0px; float:left; margin-right:14px;}

.dropdown {float:left; width:100%;}
.dropdown1 {width:170px; float:left; background-color:#f7f6f6; border:1px solid #d5d5d5; border-radius:4px;}
.dropdown1 select {
       border: 0 !important;             /*Removes border*/
      -webkit-appearance: none;            /*Removes default chrome and safari style*/
      -moz-appearance: none;             /* Removes Default Firefox style*/
      background:url(../images/droparrow.png) no-repeat;          /*Adds background-image*/
      background-position: 148px 12px;           /*Position of the background-image*/
      text-indent: 0.01px;          /* Removes default arrow from firefox*/
      text-overflow: "";               /*Removes default arrow from firefox*/
    -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 38px; line-height:20px; color:#48372f; padding-top:10px;
}

.dropdown1 select option {height:20px; padding-top:7px;}
.libraryicon {width:5%;}
.library {width:95%;}
.libraryspn {width:33%; float:left;}

.kowledge-contentarea {width:958px; float:left; margin:20px 20px;}
.kowledge {width:100%; float:left;}
.kowledgebg {background-color:#fffce2;}
.kowledge-lft {width:25%; float:left; margin:0px 5% 0px 0px;}
.kowledge-ryt {width:70%; float:left; margin:0px 0px 0px 0px;}
.kowledge-hed {float:left; width:94%; padding:10px 3%; background-color:#fee202; line-height:20px;}
.kowledgetxt {font-family:Verdana; font-size:18px; color:#48372f;}
.kowledge-submenu {float:left; width:100%; background-color:#fffce2; cursor:pointer;}
/*.kowledge-submenu:hover {float:left; width:100%; background-color:#f2ecbc; cursor:pointer;}*/
.kowledge-submenu a {font-family:Verdana; background-color:#fffce2; text-decoration:none; font-size:13px; color:#333333; width:94%; height:25px; float:left; padding:6px 3% 4px 3%;}
.kowledge-submenu a:hover {font-family:Verdana; background-color:#f2ecbc; text-decoration:none; font-size:13px; color:#333333; width:94%; height:25px; float:left; padding:6px 3% 4px 3%;}
.blank {height:30px;}
.article-bg {background-color:#f6f6f6;}
.article {width:94%; float:left; padding:12px 3%;}
.qus {font-family:Verdana; font-size:14px; font-weight:bold; color:#333333; margin:0px 100px 5px 0px;}
.qus1 {font-family:Verdana; font-size:12px; color:#666666; line-height:20px;}
.qus2 {font-family:Verdana; font-size:12px; color:#48372f;}
.ans {font-family:"Trebuchet MS"; font-size:14px; color:#48372f; margin:5px 0px 0px 0px;}
.ans1 {font-family:"Trebuchet MS"; font-size:16px; color:#fe5b02;}

.event {float:left; width:94%; padding:8px 3%;}
.event-one {margin:0px 10px 0px 0px;}
.event-two {font-family:Verdana; font-size:11px; color:#333333;}
.eve-bg {background-color:#f2ecbc;}
.eve-bg1 {background-color:#fffce2;}

.que-area {padding:5px 5px; font-family:Verdana; font-size:12px; font-weight:bold; color:#333333; line-height:18px; float:left;}
.que-view {padding:0px 5px 5px 5px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; float:left;}

.profile-contentarea {width:960px; float:left; padding:0px 0px;}
.profile {width:100%; float:left;}
.profilebg {background-color:#fffce2;}
.profile-lft {width:25%; float:left; padding:20px 2.4% 20px 0px; margin:0px 0px 0px 0px;}
.profile-ryt {width:100%; float:left; padding:0px 0px 20px 0px; margin:0px 0px 0px 0px; min-height:960px; max-height:100%;}
.profile-hed {float:left; width:98%; padding:10px 3%; line-height:20px;}
.profiletxt {font-family:Verdana; font-size:18px; color:#48372f;}
.menu_simple ul {
margin: 0;
padding: 0;
width:100%;
list-style-type: none;
}
.menu_simple ul li a {
text-decoration: none;
color: white;
padding: 12px 11px;
background-color: #48372f;
display:block;
border-bottom:1px solid #ffffff;
font-family:Verdana; font-size:14px; color:#ffffff;
}
.menu_simple ul li a:visited {
color: white;
}
.menu_simple ul li a:hover, .menu_simple ul li .current {
color: #48372f;
background-color: #fee202;
}
#selected {
color: #48372f;
background-color: #fee202;
}

.needmore {margin:30px 0px 0px 0px;}
.needmore span {font-family:Verdana; width:100%; float:left; font-size:18px; color:#48372f; text-transform:uppercase;}
.needmore a {text-decoration:none; font-family:Verdana; font-size:15px; color:#998800;}
.needmore_text { font-family: Verdana; font-size: 15px; color: #980;}
.description {float:left; width:94%; padding:5px 3%; background-color:#f1f1f1; line-height:20px;}
.descriptiontxt {font-family:Verdana; font-size:12px; color:#48372f;}
.description-content {float:left; width:94%; padding:20px 0px 10px 0px; margin:0px 3%; }
.description-content span {font-family:Verdana; width:100%; float:left; font-size:14px; color:#000000;}
.desnote {color:#9b0101;}

.allpage-note {float:left; width:94%; padding:20px 0px 10px 0px; margin:0px 3%; color:#845100; line-height:22px; font-style:italic;}

.opps-container  {float:left; width:94%; margin:20px 3%; border:1px solid #cccccc;}
.opps {float:left; width:100%;}
.hed {background-color:#d9d9d9; float:left; width:94%; padding:8px 3% 8px 3%;}
.hed-txt {font-family:Verdana; font-size:16px; color:#48372f;}
.opps-area {width:24.88%; float:left; min-height:500px; max-height:100%;}
.bodr {border-right:1px solid #cccccc;}
.opps-area-txt {float:left; width:94%; padding:8px 3% 8px 3%;}
.bgo {background-color:#f1f1f1; text-align:center;}
.txtstayl {font-family:Verdana; font-size:14px; color:#48372f;}
.value-name {width:100%; font-family:Verdana; font-size:13px; color:#7b7b7b; float:left; margin:5px 0px; line-height:20px;}
.value-name a {font-family:Verdana; font-size:13px; color:#7b7b7b; float:left; line-height:20px; text-decoration:none;}
.value-name a:hover {font-family:Verdana; font-size:13px; color:#7b7b7b; float:left; line-height:20px; text-decoration:underline;}
.totalhours {color:#069106; font-family:Verdana; font-size:14px;}


.ofr_v {width:19.7%; float:left}
.ofr_v select {background: #ffffff; -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
.ofr_v input {background: #ffffff; -webkit-appearance: none; width: 99%; padding:0 0 0 1%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
.ofr_v select option {height:20px; padding-top:7px;}
.ofr_v label {margin:6px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}

.donation-container{width:100%; clear:left; margin-left:5px; padding : 5px;}
.donation-container-left{ width:30%; float:left; text-align:left;font-family: Verdana; color: #6F6F6F; font-weight:bold;}
.donation-container-right{ width:70%; float:left; text-align:left;}



/* Smartphone view*/
@media only screen and (min-width : 768px) and (max-width : 980px) {
  .sun {width:100%; float:left;margin:0%; }
.container {width:98%; margin:0 auto;}
  .contentcontainer {width:98%; margin:0 1%; float:left;}
  
  .pagecontainer {width:100%; float:left; border:1px solid #cecece; margin:0px 0px 20px 0px; background-color:#ffffff;}
  
  .searchField {border:1px solid #cccccc; width:98%; float:left; height:32px; background-color:#ffffff; margin:0px 0px 10px 0px;}
  .sbox1 {width:32%; margin:48px 0px;}
  .sarea {display:inline-block; width:179px; height:20px; background-color:#ffffff; position:relative; padding:3px 0px 3px 5.5px; border:0px;}
  
  .offerarea {padding:0px 20px 0px 20px;}
  .ofr {width:25.6%; float:left}
  .ofr_v {width:18.7%; float:left}
  .ofrspace {margin:0px 2% 0px 0px;}
  .ofr select {background: #ffffff; -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
  .ofr_v select {background: #ffffff; -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
  .filterbtn {padding:20px 25px; font-family:'Trebuchet MS'; font-size:26px; font-weight:bold; margin:0px 0px 0px 0px;}
  .ofr label {margin:6px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
  .ofr_v label {margin:6px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
  .contentarea {width:721px; float:left; margin:20px 20px; border:1px solid #cecece;}
  .firstlft {float:left; width:71%;}
  .firstryt {float:left; width:29%;}
  .secondlft {float:left; width:68%;}
  .secondryt {float:left; width:32%;}
  
/*======= EUIRework-Agencies-p2 PAGE =======*/
  .mapletonloogo {width:14%;}
.mapletoncontent {width:86%;}
.mapletonloogo {width:30%;}
.mapletoncontent {width:70%;}
.optionshow {width:80px; background-color:#fbfbfb; border:1px solid #dedede; display:none; padding:10px; position:absolute; top:105; right:150px; z-index:999; line-height:22px;}

.kowledge-contentarea {width:723px; float:left; margin:20px 20px;}
.kowledge-lft {width:100%; float:left; margin:0px 0px 0px 0px;}
.kowledge-ryt {width:100%; float:left; margin:0px 0px 0px 0px;}

.profile-contentarea {width: 98%;float: left;padding: 0px 1px 20px}
.profile-lft {width:100%; float:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; }
.profile-ryt {width:100%; float:left; padding:0px 0px 20px 0px; margin:0px 0px 0px 0px; border:none;}

.opps-area {width:24.88%; float:left; min-height:700px; max-height:100%;}

.donation-container-left{ width:30%; float:left; text-align:left;}
.donation-container-right{ width:70%; float:left; text-align:left;}
.txtnew_field {
  width:70%;
  
}
}
.trash
  {
  float:left; width:16px; height:16px;
    background-image:url(../../images/icons/icon_trash.png);
    background-repeat:no-repeat;
    background-color:transparent;
    border:1px solid transparent;
    padding:4px; background-position:center;
    border-radius:4px; cursor:pointer;
    }
  .trash:hover {background-color:#eaebff; border:1px solid #d3d6ff;}

/* Smartphone view*/
@media only screen and (min-width:481px ) and (max-width:650px) { 
   .sun {width:100%; float:left;margin:0% ; }
	.contentcontainer {width:98%; margin:0 1%; float:left;}
  
  .pagecontainer {width:100%; float:left; border:1px solid #cecece; margin:0px 0px 20px 0px; background-color:#ffffff;}
  
  .box3 {width:100%; text-align:center;}
  
  .searchField {border:1px solid #cccccc; width:100%; float:left; height:32px; background-color:#ffffff; margin:0px 0px 10px 0px;}
  .sbox1 {width:100%; margin:20px 0px;}
  .sarea {display:inline-block; width:419px; height:20px; background-color:#ffffff; position:relative; padding:3px 0px 3px 5.5px; border:0px;}
  
  .offerarea {padding:0px 20px 0px 20px;}
  .ofr {width:100%; float:left}
  .ofr_v {width:100%; float:left}
  .ofrspace {margin:0px 0 0px 0px;}
  .ofr select {background: #ffffff; -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
  .ofr_v select {background: #ffffff; -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
  .filterbtn {padding:20px 25px; font-family:'Trebuchet MS'; font-size:26px; font-weight:bold; margin:14px 0px 10px 0px;}
  .ofr label {margin:15px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
  .ofr_v label {margin:15px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
  .contentarea {width:436px; float:left; margin:20px 20px; border:1px solid #cecece;}
  .firstlft {float:left; width:53%;}
  .firstryt {float:left; width:47%; margin-top:10px;}
  .secondlft {float:left; width:100%;}
  .secondryt {float:left; width:100%;}

/*======= EUIRework-Agencies-p2 PAGE =======*/  
  .mapletonloogo {width:100%;}
.mapletoncontent {width:100%;}

.mapletonloogo {width:100%;}
.mapletoncontent {width:100%;}
.optionshow {width:80px; background-color:#fbfbfb; border:1px solid #dedede; display:none; padding:10px; position:absolute; top:105; right:458px; z-index:999; line-height:22px;}

.libraryicon {width:10%;}
.library {width:90%;}
.libraryspn {width:100%; float:left;}

.kowledge-contentarea {width:438px; float:left; margin:20px 20px;}
.kowledge-lft {width:100%; float:left; margin:0px 0px 0px 0px;}
.kowledge-ryt {width:100%; float:left; margin:0px 0px 0px 0px;}
.container {width:98%; margin:0 auto;}
.profile-contentarea {width: 100%;float: left;padding: 0px 1px 20px;}
.profile-lft {width:100%; float:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px;}
.profile-ryt {width:100%; float:left; padding:0px 0px 20px 0px; margin:0px 0px 0px 0px; border:none;}

.opps-area {width:49.75%; float:left; min-height:700px; max-height:100%;}


.detail-containt14new {
  width:80%;
  float:left;
  margin-left:40px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-pagenew {width:100%; float:left; border:2px solid; border-color:#48372f;  background-color:#F8F6EE;}


.detail-pagenew1 {width:97%; float:right; border:2px solid; border-color:#48372f;   margin-right:2px; margin-top:10px; margin-bottom:10px; padding-top:5px; padding-bottom:5px;   background-color:#fff;}

.detail-pagenew2 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}

.detail-pagenew3 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}


.detail-pagenew4 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}

.detail-pagenew5 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}

.detail-pagenew6 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}

.donation-container-left{ width:100%; clear:both; text-align:left; padding:5px 0px; font-weight:bold;}
.donation-container-right{ width:100%; clear:both; text-align:left;}
.txtnew_field {
  width:70%;
  
}
.detail-containernewfile5001 {width:50%; float:left; margin-top:15px;   padding:0px 0px 0px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }
}

/* Smartphone view*/
@media only screen and (max-width:480px) {
  .sun {width:99%; float:left;margin:0%; }
  .contentcontainer {width:98%; margin:0 1%; float:left;}
  .table-hourperyear {width: 100% !important; margin-right: 0px !important;}
  .pagecontainer {width:100%; float:left; border:1px solid #cecece; margin:0px 0px 0px 0px; background-color:#ffffff;}
  .table-totalhour {display: none;}
  
  .searchField {border:1px solid #cccccc; width:100%; float:left; height:32px; background-color:#ffffff; margin:0px 0px 10px 0px;}
  .sarea {display:inline-block; width:239px; height:20px; background-color:#ffffff; position:relative; padding:3px 0px 3px 5.5px; border:0px;}
  
  .offerarea {padding:0px 20px 0px 20px;}
  .ofr {width:100%; float:left}
  .ofr_v {width:100%; float:left}
  .ofrspace {margin:0px 0 0px 0px;}
  .ofr label select {background: #ffffff; -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
  .ofr_v label select {background: #ffffff; -webkit-appearance: none; width: 100%; font-family:Verdana; font-size: 12px; border:0; height: 35px; line-height:20px; color:#a4a4a4; margin:10px 0px 0px 0px;}
  .filterbtn {padding:20px 25px; font-family:'Trebuchet MS'; font-size:26px; font-weight:bold; margin:14px 0px 10px 0px;}
  .ofr label {margin:15px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
  .ofr_v label {margin:15px 0px 0px 0px; color:#48372f; font-size:14px; float:left;}
  .contentarea {width:256px; float:left; margin:20px 20px; border:1px solid #cecece;}
  
  .firstlft {float:left; width:100%;}
  .firstryt {float:left; width:100%; margin-top:10px;}
  .secondlft {float:left; width:100%;}
.secondryt {float:left; width:100%;}

.htext {font-family:"Trebuchet MS"; font-size:20px; color:#ffffff; padding:9px 0px 0px 0px; font-weight:bold;}

/*======= EUIRework-Agencies-p2 PAGE =======*/
.mapletonloogo {width:100%;}
.mapletoncontent {width:100%;}

.mapletonloogo {width:100%;}
.mapletoncontent {width:100%;}

.optionshow {width:80px; background-color:#fbfbfb; border:1px solid #dedede; display:none; padding:10px; position:absolute; top:105; right:215px; z-index:0; line-height:22px;}

.libraryicon {width:10%;}
.library {width:90%;}
.libraryspn {width:100%; float:left;}

.kowledge-contentarea {width:258px; float:left; margin:20px 20px;}
.kowledge-lft {width:100%; float:left; margin:0px 0px 0px 0px;}
.kowledge-ryt {width:100%; float:left; margin:0px 0px 0px 0px;}

.profile-contentarea {width: 100%;float: left;padding: 0px 0px 10px;}
.profile-lft {width:100%; float:left; padding:20px 0px 20px 0px; margin:0px 0px 0px 0px;}
.profile-ryt {width:100%; float:left; padding:0px 0px 20px 0px; margin:0px 0px 0px 0px; border:none;}

.opps-area {width:99.88%; float:left; min-height:700px; max-height:100%;}


.detail-pagenew {width:100%; float:left; border:2px solid; border-color:#48372f;  background-color:#F8F6EE;}


.detail-pagenew1 {width:97%; float:right; border:2px solid; border-color:#48372f;   margin-right:2px; margin-top:10px; margin-bottom:10px; padding-top:5px; padding-bottom:5px;   background-color:#fff;}

.detail-pagenew2 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}

.detail-pagenew3 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}


.detail-pagenew4 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}

.detail-pagenew5 {width:99%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}

.detail-pagenew6 {width:100%; float:left; border:2px solid; border-color:#48372f; margin-top:50px;  background-color:#F8F6EE;}


.detail-containernewfile {width:100%; float:left;   background-color:#48372f;  padding:3px 0px 3px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }

.detail-containt2new { width:100%; float:left; margin-left:7px;}


.detail-containt21new {
  width:96%;
padding:2%;
  
}





.detail-txnew21 {font-family:Verdana; font-size:12px; color:#000; line-height:22px;}


.detail-containt2innernew1 {
  width:auto;
  float:left;
  margin-left:7px;
  text-align:left;
}

.detail-containt2innernew02 {
  width:auto;
  float:right;
  margin-right:10px;
  text-align:right;
  
}

.detail-containt2innernew01 {
  width:70%;
  float:left;
  margin-left:7px;
  
}



.detail-containt2innernew2 {
  width:20%;
  float:right;
  

  
}


.detail-containt2innernewbottom {
  width:20%;
  float:right;
  margin-right:40px;
  

  
}


.detail-containt2innernew20000 {
  width:20%;
  float:right;
  margin-right:10px;

  
}


.detail-containt2innernew200 {
  width:20%;
  float:right;
  margin-right:10px;
  

  
}



.detail-containt3new_txtfieldmain {
  width:100%;
  float:left;
  
}

.txtnew_field {
  width:70%;
  
}


.detail-containt3new {
  width:96%;
  float:right;

  
}

.detail-containt3new_txtfield {
  width:96%;
  float:right;
  

  
}

.detail-containt3new_txtfield_password {
  width:100%;
  float:right;
  
}


.detail-containt3new_txtfield_passwordnew {
  width:100%;
  float:right;
  
}

.detail-containt3new_txtfield_passwordnew1 {
  width:100%;
  float:right;
  
}

.detail-containt3new_txtfield_passwordnew2 {
  width:100%;
  float:right;
  
}


.detail-containt3new_txtfield_passwordnew3 {
  width:100%;
  float:right;
  
}


.detail-containt3new_txtfield_passwordnew4 {
  width:100%;
  float:right;
  
}


.detail-containt3new_txtfield_passwordnew5 {
  width:100%;
  float:right;
  
}

.detail-containt3new_txtfield_passwordnew10 {
  width:100%;
  float:right;
  
}

.detail-containt3new_txtfield_passwordnew11 {
  width:100%;
  float:right;
  
  
}



.detail-containt33new {
  width:100%;
  float:right;
  margin-right:20px;
  
}



.detail-containt31new {
  width:100%;
  float:right;
  margin-right:20px;
  
}


.detail-containt4new {
  width:96%;
  float:none;
  margin-left:10px;
  padding-top:9px;
  
}




.detail-containt44new {
  width:100%;
  float:right;
  margin-right:20px;
  padding-top:9px;
  
}


.detail-containt5new {
  width:96%;
  float:left;
  padding:2%;
  padding-top:9px;
  
}

.detail-containt5new1 {
  width:91%;
  float:right;

  padding-top:9px;
  
}


.detail-containt05new {
  width:100%;
  float:right;
  margin-right:5px;
  padding-top:9px;
  
}



.detail-containt55new {
  width:90%;
  float:right;
  margin-right:-10px;
  padding-top:5px;
  padding-bottom:5px;
  
}


.detail-containt6new {
  width:100%;
  float:right;
  margin-right:20px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-containt7new {
  width:100%;
  float:right;
  margin-right:20px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-containt07new {
  width:100%;
  float:right;
  margin-right:20px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-containt8new {
  width:80%;
  float:right;
  margin-right:60px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-containt9new {
  width:80%;
  float:right;
  margin-right:60px;
  padding-top:9px;
  
}


.detail-containt11new {
  width:100%;
  float:right;
  margin-right:20px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-containt12new {
  width:96%;
  float:right;
  padding:2%;
  padding-top:9px;
}
.detail-containt12new select {width:100%;}
.detail-containt12new11 {
  width:80%;
  float:left;
  margin-left:70px;
  padding-top:9px;
  
}


.detail-containt13new {
  width:100%;
  float:right;
  margin-right:-12px;
  
}



.detail-containt14new {
  width:100%;
  float:right;
  margin-right:-15px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-txnew1 {font-family:Verdana; font-size:12px; color:#ffffff; line-height:22px;}


.detail-containernewfile-white {
  width:100%;
  float:left;
  background-color:#F8F6EE;
  padding:3px 0px 3px 0px;
  font-family:Verdana;
  font-size:12px;
  color:#000;
  line-height:18px;
}

.detail-containernewfile-yellow {
  width:100%;
  float:left;
  background-color:#48372f;
  padding:3px 0px 3px 0px;
  font-family:Verdana;
  font-size:12px;
  color:#fff;
  line-height:18px;
}


.detail-containernewfile-yellow1 {
  width:100%;
  float:left;
  background-color:#48372f;
  padding:3px 0px 3px 0px;
  font-family:Verdana;
  font-size:12px;
  color:#fff;
  line-height:18px;
}


.detail-containernewfile-yellow2 {
  width:100%;
  float:left;
  background-color:#48372f;
  padding:3px 0px 3px 0px;
  font-family:Verdana;
  font-size:12px;
  color:#fff;
  line-height:18px;
}



.detail-containernewfile-yellow3 {
  width:100%;
  float:left;
  background-color:#48372f;
  padding:3px 0px 3px 0px;
  font-family:Verdana;
  font-size:12px;
  color:#fff;
  line-height:18px;
}


.detail-containt120new {
  width:96%;
  float:right;
  padding:2%;
  padding-top:9px;
  
}

.detail-containt110new {
  width:96%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt5000new {
  width:95%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  
}


.detail-containt1101new {
  width:100%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}
.detail-containt1101inner {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt03new {
  width:100%;
  float:left;
  margin-top:10px;
  margin-left:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  
}


.detail-containt030new {
  width:96%;
  float:left;
  margin-top:10px;
  margin-left:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

/*Available Opportunities - Table code - start here*/

 
 .Heading{
        display: table-row;
        font-weight: bold;
        text-align: center;
    }
    
 .Row
    {
    
        display: table-row;
    }
    .Cell
    {
    display: table-cell;
        border: solid;
        border-width: thin;
        padding-left: 5px;
        padding-right: 5px;
    font-family:Verdana; font-size:12px;
    
    }
  
  .detail-containernewfile5001 {width:50%; float:left; margin-top:15px;   padding:0px 10px 0px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }


.detail-containt21000new789 {
  width:95%;
  float:left;
  margin-top:30px;  
  margin-left:10px;
  
}

.detail-containt2innernew100003 {
  width:auto;
  float:left;
  margin-left:10px;
  font-family:Verdana;
  font-size:11px;
  font-weight:normal;
  
}


.detail-containt2innernew100003_1 {
  width:20%;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#FFF;  
}

.detail-containt2innernew100003_2 {
  width:20%;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;  
}


.detail-containt2innernew100003_3 {
  width:20%;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;  
}

.detail-containt2innernew100003_4 {
  width:20%;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;  
}


.detail-containt2innernew100003_5 {
  width:20%;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;  
}


.detail-containt2innernew100003_6 {
  width:20%;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;  
}

.detail-containt2innernew100004 {
  width:auto;
  float:left;
  margin-left:12px;
  font-family:Verdana;
  font-size:11px;
  font-weight:normal;
  
}


.detail-containt2innernew100004_1 {
  width:20%;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#FFF;
  
}



.detail-containt2innernew100004_2 {
  width:20%;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100004_3 {
  width:20%;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}


.detail-containt2innernew100004_4 {
  width:20%;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}


.detail-containt2innernew100004_5 {
  width:20%;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100004_6 {
  width:20%;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100005 {
  width:20%;
  float:right;
  margin-left:2px;
  font-family:Verdana;
  font-size:11px;
  font-weight:normal;
  
}

.detail-containt2innernew100005_1 {
  width:20%;
  float:right;
  margin-left:5px;
  margin-right:100px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#FFF;
  
}

.detail-containt2innernew100005_2 {
  width:auto;
  float:right;
  margin-left:5px;
  margin-right:100px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100005_3 {
  width:auto;
  float:right;
  margin-left:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100005_4 {
  width:auto;
  float:right;
  margin-left:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100005_5 {
  width:auto;
  float:right;
  margin-left:5px;
  margin-right:100px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100005_6 {
  width:auto;
  float:right;
  margin-left:5px;
  margin-right:100px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}




.detail-containt2innernew100006 {
  width:auto;
  float:left;
  margin-left:12px;
  font-family:Verdana;
  font-size:11px;
  font-weight:normal;
  
}

.detail-containt2innernew100006_1 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#FFF;
  
}


.detail-containt2innernew100006_2 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100006_3 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}


.detail-containt2innernew100006_4 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100006_5 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew100006_6 {
  width:auto;
  float:left;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
}

.detail-containt2innernew1000012new{
  width:96%;
  float:right;
  margin-right:1px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt2innernew1000013new{
  width:auto;
  float:left;
  margin-left:10px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt030new123 {
  width:96%;
  float:left;
  margin-top:10px;
  margin-left:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt03000new {
  width:90%;
  float:left;
  margin-top:10px;
  margin-left:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt50001new {
  width:97%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  border:2px solid;
  border-color:#48372f;
  
}

.detail-containt1101new {
  width:100%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}
  
  .detail-containt1101inner_1 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_2 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_3 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_4 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_5 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_6 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_7 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_8 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_9 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}


.detail-containt1101inner_rgt {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt1 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt2 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt3 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt4 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt5 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt6 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt7 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt1101inner_rgt8 {
  width:90%;
  float:left;
  margin-left:5px;
  padding-top:9px;
  padding-bottom:5px;
  
}

.detail-containt2innernew100 {
  width:96%;
  float:left;
  font-family:Verdana;
  font-size:18px;
  font-weight:bold;
  margin-left:10px;
  
  
}

/*new table */

.container-fluid {
      max-width: 500px;
      margin: 20px auto;
      border: 20px solid #efefef;
      padding: 0;
      background-color: #fff;
      box-shadow: 2px 3px 5px rgba(0,0,0,.5);
    }

    
    .table-wrapper {
      overflow: hidden;
     width: 100%;
    border: solid;
    border-width:1px;
      border-color: #000;
    }
    .pinned {
      width: 30%;
      border-right: 1px solid #ccc;
      float: left;
    }
    .scrollable {
    width: 100%;
      float: none;
     
      overflow: scroll;
      overflow-y: hidden;
    }

  
  .detail-containt2innernew1000 {
  width:96%;
  
  margin-left:10px;
  font-family:Verdana;
  font-size:11px;
  font-weight:normal;
  
}

.detail-containt2innernew2000 {
  width:96%;
  float:left;
  margin-left:10px;
  margin-top:8px;

  
}

.detail-containt02new78900new1 {
  width:100%;
  float:left;
  padding-top:5px;
  padding-bottom:7px;
  margin-bottom:10px;
  
  
  
  
}

.detail-containt2innernew100009new{
  width:96%;
  float:right;
  margin-left:25px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}


.detail-containt2innernew1000010new{
  width:96%;
  float:right;
  margin-left:7px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  margin-top:5px;
  
}

.detail-containt2innernew1000011new{
  width:96%;
  float:right;
  margin-left:30px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt0300new {
  width:100%;
  float:left;
  margin-top:15px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  
}


.detail-containt0300newinner {
  width:auto;
  float:left;
  margin-left:10px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  
}

.detail-containt0300newinner1 {
  width:auto;
  float:left;
  margin-left:7px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}


.detail-containt0300new123 {
  width:100%;
  float:left;
  margin-top:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  
}

.detail-containt0300newinner123 {
  width:auto;
  float:left;
  margin-left:10px;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  
}

.detail-containt0300newinner456 {
  width:auto;
  float:left;
  margin-left:5px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt21000new {
  width:96%;
  float:left;
  margin-top:7px;  
  margin-left:5px;
  
}

.detail-containt2innernew100009{
  width:auto;
  float:left;
  margin-left:10px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}
.Log_Hour_Container_Left {
  width:auto;
  float:left;
  margin-left:10px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  text-align:left;
}

.detail-containt2innernew1000010{
  width:auto;
  float:left;
  margin-left:10px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  margin-top:8px;
  
}

.detail-containt2innernew1000011{
  width:auto;
  float:left;
  margin-left:10px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  margin-top:7px;
  
}

.detail-containt2innernew10000 {
  width:auto;
  float:left;
  margin-left:10px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt2innernew100001 {
  width:auto;
  float:left;
  margin-left:10px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt2innernew100002 {
  width:auto;
  float:left;
  margin-left:10px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt2innernew100007 {
  width:auto;
  float:left;
  margin-left:10px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.detail-containt2innernew100008 {
  width:auto;
  float:left;
  margin-left:10px;
  font-family:Verdana;
  font-size:12px;
  font-weight:normal;
  
}

.catbtn { float:right; font-family:Verdana; font-size:13px; color:#48372f; border:0; font-weight:bold; margin:1px 0px 0px 0px; background-color:#fee202;}
.catbtn:hover { float:right; font-family:Verdana; font-size:13px; color:#fee202; border:0; font-weight:bold; margin:1px 0px 0px 0px; background-color:#48372f;}
.donation-container-left{ width:100%; clear:both; text-align:left; padding:5px 0px; font-weight:bold; }
.donation-container-right{ width:100%; clear:both; text-align:left;}
.hide-on-mobile {display: none;}
.profile-hed {width: 94.1%;}
}

@media only screen and (min-width:479px) and (max-width:480px) {
.container {width: 100%;}
.pagecontainer {width: 100%;}
.profile-contentarea {width: 100%;}
.box1 {width: 56%;}
.sun {width:100%; float:left;margin:2%; }
.txtnew_field {
  width:70%;
  
}
.detail-containernewfile5001 {width:50%; float:left; margin-top:15px;   padding:0px 0px 0px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }
}

@media only screen and (min-width:240px) and (max-width:320px) {
.wrapper{width:100%;}
.searchField{width:100%;}
.profile {width:98%;}
.profile-lft{ width:278px;}
.sun{ width:99%; float:left; margin:0px;}
.logo{width:100%;}
.sbox1{width:98%; float:left}
.searchField{width:102%;}
.pagecontainer {width: 100%; float: left; border: 1px solid #cecece; margin: 0px 0px 0px 0px; background-color: #ffffff;}
.profile-contentarea { width: 100%;padding: 0px 0px 10px;float: left;}
.box3_v {float:left; width:100%; margin-left:0px; margin-bottom:10px; margin-top:5px; display:none}
.donation-container-left{ width:100%; clear:both; text-align:left; padding:5px 0px; font-weight:bold;}
.donation-container-right{ width:100%; clear:both; text-align:left;}
.table-hourperyear {width: 100% !important; margin-right: 0px !important;}
.table-totalhour {display: none;}
.txtnew_field {
  width:50%;
  
}
.detail-containernewfile5001 {width:50%; float:left; margin-top:15px;   padding:0px 0px 0px 0px; font-family:Verdana; font-size:12px; color:#666666; line-height:18px; }
}
@media only screen and (min-width : 768px) and (max-width : 980px) 
{
.sun {width:100%; float:left;margin:0%; }
.container {width: 98%;}
.pagecontainer {width:100%;}
.profile-contentarea { width: 100%;padding: 0px 0px 20px;float: left;}
.txtnew_field {
  width:70%;
  
}
}
.table-totalhour {
  background-color:#EAEBFF;
	width:auto;
	margin-left:20px;
	height:auto;
	border:2px solid black;
	border-style:solid;
	font-weight:bold;
	font-size:medium;
	font-family:Verdana;
}

.table-hourperyear {
  background-color:#EAEBFF;
	width:auto;
	margin-right:20px;
	height:auto;
	border:2px solid black;
	border-style:solid;
	font-weight:bold;
	font-size:medium;
	font-family:Verdana;
}
.detail-hour {
  width:auto;
  float:left;
  margin-left:35px;
    
}
.detail-donation {
  width:auto;
  float:left;
  margin-left:20px;
    
}
.detail-donationddl {
  width:auto;
  float:left;
  margin-left:28px;
    
}

@media only screen and (max-width: 980px) {
  .profile {
    width: 100%;
  }
}

/* Base class for all devices */
.my-account-horizontal-line {
  border-bottom: 1px solid #000;

}

.my_account_location {
  margin-left: 5px;
}

.hrline_gap {
  width: 98%;
  float: left;
  margin: 0% 1.5%;
}

/* Optional: Adjustments for mobile and desktop specifically */
@media (max-width: 768px) { /* Mobile screens */
  .hrline_gap {
    width: 96%;
    float: left;
  }
}

@media (min-width: 769px) { /* Desktop screens */
  .hrline_gap {
    width: 96%;
    float: left;
    margin: 0% 2%;
  }
}