img{
	max-width:100%; border:0px;
}
.container{
	width:960px; border:0px solid #CCC;
}
.top-sec{width:920px; align:center; margin:0px 20px; padding:0px;}
/********************************* MAIN BODY  CSS STARTS *****************************************/

.header-sec {
  background: #1A325E;
  border-top: 8px solid #F4B01F;
  padding: 25px 20px 0px 25px;
  height: 115px;
}
.sec-c1{ margin-left:0px}
.head-project{ color:#FFF; font-family:'HelveticaNeue MediumCond'; font-size:24px; padding-top:5px; text-align:center; }
.user-pad{ width:100%; height:30px; text-align:right; padding-left:40px; padding-right:5px;  margin-top:10px; color:#FFF; font-family:Arial; font-size:13px; }
.red{ color:#FF0000; font-size:12px; text-align:right;}
.gray{ color:#ACB5C5; font-size:14px; font-family:Arial; }
.grayD{ color:#A4AEBF; font-weight:bold; font-size:14px;font-family:Arial; }
.sap{ line-height:0px; margin-left:5px}
    .sap h4 { color:#002F5F; font-size:24px; font-family:'HelveticaNeue MediumCond'; font-weight:bold;}

.tab-main ul{ margin:0px; padding:0px; }
.tab-main ul li{  background: transparent; list-style:none; border:1px solid #CCCCCC; line-height:0px;    } 	
.tab-main ul li a{ color:#999999; } 
.tab-main ul li a.pad-c5{ padding:10px 10px;}
li.pad-c5{ padding:10px 0px;}
.tab-head-c1 h3{ font-size:16pt; padding-bottom:10px; color:#A7A6A6; }
.tab-head-c1 img{ padding-left:10px; }
.tabin{ border-top:5px solid #24305A; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:10px 0px 20px 0px;border-radius: 6px;}
div.pad-2{ width:95%; margin-top:25px;}
 
.pad-2 h5{ padding-bottom:10px; font-family:Arial; font-size:15pt; color:#5b5a5a;}

.tabin2 {
    padding-bottom: 20px;
    border-bottom: 1px solid #CCC;
    border-radius: 5px;
}
button.pad-c3{ background:#c6ccd7; color:#5b5a5a; margin-top:20px; padding:10px 20px; font-size:16px; font-family:Arial; height:45px;font-weight:bold;  }
button.pad-c4{ background:#002F5F; color:#FFF;  margin-top:20px;padding:10px 25px; font-size:16px; margin-left:60px; font-family:Arial; font-weight:bold;  }

button.pad-c5{ background:#c6ccd7; color:#5b5a5a;  margin-top:20px;padding:10px 25px; font-size:16px; margin-right:25px; font-family:Arial; font-weight:bold; float:right;  }

.foot{ background:#999999; margin-top:30px; padding:15px 10px 12px 20px; font-size:13px; color:#FFF;}
.pad-2{ margin-left:20px;}
	.pad-c3 { margin-left:20px;}
	.tab-main { margin-left:20px;}
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips h5{ border-bottom:1px solid #CCC	; padding-bottom:9px; margin:5px -8px; padding-left:10px; color:#000; font-weight:bold;}
a.tooltips span {
  position: absolute;
  width:300px;
  color: #292929;
  background: #E8E3E4;
  border: 2px solid #6D6D6D;
  padding:5px 10px 5px 10px;
  visibility: hidden;
  border-radius: 2px; font-size:13px; 
}
a.tooltips span:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -12px;
  width: 0; height: 0;
  border-right: 12px solid #6D6D6D;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-right: 8px solid #E8E3E4;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  left: 100%;
  top: 50%;
  margin-top: -10px;
  margin-left: 15px;
  z-index: 999;
}

 


.pad-c6{ margin-bottom:40px;}
.mob-panl{ display:none}

#accordion2 {
    background:#333 url(/media/img/gradient/h300.png) 0 0;
    width:100%;
    border:1px solid #333;
    -background:#666;
    margin: 0 auto;
}

/* accordion header */
#accordion2 h2 {
    background:#ccc url(/media/img/gradient/h30.png);
    line-height: 14px;
    margin:0;
    padding:5px 15px;
    font-size:14px;
    font-weight:normal;
    border:1px solid #fff;
    border-bottom:1px solid #ddd;
    cursor:pointer;
}

/* currently active header */
#accordion2 h2.current {
    cursor:default;
    background-color:#fff;
}

/* accordion pane */
#accordion2 .pane {
    border:1px solid #fff;
    border-width:0 2px;
    display:none;
    height:180px;
    padding:15px;
    color:#fff;
    font-size:12px;
}

/* a title inside pane */
#accordion2 .pane h3 {
    font-weight:normal;
    margin:0;
    font-size:16px;
    color:#999;
}

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  
  background: #EBEEF2;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #EBEEF2;
  background-color:#EBEEF2;
  color: #5b5a5a;
  font-family:Arial;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
width: 500px;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: -350%;
  left: 25%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
    margin-left: 40px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}


.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}

/*thankyou page start*/ 
.sec-row{ background: url(../images/thank-icon.jpg) no-repeat top center; background-position: center 30px; padding:90px 50px 50px 50px; border:1px solid #CCC;   margin:30px 0px 0px 0px; border-radius:4px; }
.sec-row h3{ text-align:center; font-family:Arial; color:#5b5a5a; font-size:24px; }
.sec-row h5{ text-align:center; font-family:Arial; color:#5b5a5a; font-size:18px;  }
.sec-row h6{ text-align:center; color:#5b5a5a; font-weight:bold; line-height:30px; font-size:13px;}

/*thankyou page end*/

.buttonsave {
      float: right;
  text-align: right;
  padding-right: 25px;
}

.buttonsavecla {
    
    background: #002F5F;
    color: #666666;
    margin-top: 20px;
    padding: 10px 10px;
    font-size: 16px;
 border: 1px solid transparent;
  border-radius: 4px;
  border-color: #ccc;font-family:Arial; font-weight:bold; color:#fff;
}

.logoutcontent {
      width: 40%;
      padding:7px 10px 7px 10px;
  float: right;
  left:123px;
  position:absolute;
  text-align: left;
  color: #fff;
  border: 1px solid #ccc;
  margin-top: 42px;
  background-color: #24305A;
}

    .logoutcontent a {
        color:#fff;
    }

.sapback
{
    float: right;
    text-align: right;
    top: 17px;
    left: 80px;
    padding:0px 80px 0px 0px;
}