/*fonts setting*/
.cccd_HR_font {
    font-family: 'Open Sans',Arial;
    font-weight:normal;
}
.cccd_HBd_font {
    font-family: 'Open Sans',Arial;
    font-weight:bold;
}
.cccd_HTh {
    font-family:'Open Sans',Arial;
    font-weight:300;
}
menu, ol, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ms-rtestate-field ul {
    list-style:disc;    
    list-style-position: outside;
    padding-left:20px;
}

.ms-rtestate-field ol {
    list-style:decimal;   
    list-style-position: outside; 
    padding-left:20px;
}

.ms-rtestate-field ul li, .ms-rtestate-field ol li {
	margin-left:20px;
	line-height: 1.2em;
	padding-bottom: 0.5em;
}


h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    line-height: 1em;
    color: #000;
}
h1 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    line-height: 1.3em;
    color: #000;
}


img {
    border: 0;
}
.ms-webpartzone-cell{
   margin:0px 0px;
   padding:0px 0px;   
}

.cccd-clear-float{
    float: none;
    clear: both;
    visibility: hidden;
}
.cccd-clear{
    float: none;
    clear: both;
    display:none;
}
#contentRow{
	padding:0px;
}

#cccd_content_wrapper {
width: 100%;
overflow: visible;
margin: 0;
padding: 0;
}

#s4-titlerow {
    margin: 0px;
    padding: 0px;
    height:0px;
}
#contentBox{
	margin:0px;
    padding:0px;
    min-width:1px;
}
#s4-bodyContainer {
padding-bottom: 0;
}
#cccd_main{
    width: 100%;
    overflow: visible;
    color: #fff;
    margin: 0;
    padding: 0;
}
#cccd_main A:link,#cccd_main A:focus,#cccd_main A:visited,#cccd_main A:hover{
    text-decoration:none;
}
#cccd_header{
position:relative;
}
.separator-line {
    height: 3px;
    -moz-box-shadow:0px 2px 2px #636363; 
    -webkit-box-shadow:0px 2px 2px #636363;
    box-shadow:0px 2px 2px #636363;
    background-color: transparent;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index:5;
}

#cccd_header .top{
	height:30px;
    background-color:#002d62;
    padding-top:3px;
}
#cccd_header .middle{
	height:15px;
    background-color:#c1d82f;
}
#cccd_header .bottom{
	height:40px;
    background-color:#ebf7fd;
}
#cccd_logo{
	position:absolute;
    top:15px;
    height:99px;
    border:1px #002d62 solid;
    background:#fff;
    border-radius: 6px;
    z-index:6;
    padding:8px 15px;
}
#cccd_logo .logo-top{
	width:190px;
    height:58px;
}
#cccd_logo>.logo-bottom>ul{
    margin:0;
}
#cccd_logo>.logo-bottom>ul>li{
	float:left;
}
/*home page layout*/
.background-image .hidden{
	display:none;
}
.cccd_image_redition_hint{
	background-color:#32AFCF;
    border:1px black solid;

}
.cccd_image_redition{
	background-color:#DDD6E5;
    border:1px black solid;
}
/*second and tertiary page layout*/

.cccd_hidden{
	display:none;
}
.cccd_hero{
    width:100%;
    margin:0px;
    overflow:hidden;
    background-color:#002d62;
}
.cccd_hero .cccd_title{
    margin-top:85px;
    margin-left:18px;
    
    Font-size:  2em;
    font-weight:lighter;
    Color: #FFFFFF;
    line-height:32px;
}
.cccd_hero .cccd_tagline{
    margin-left:20px;
    Font-size:  2em;
    font-weight: lighter;
    Color: #FFFFFF;
}
.sidebar-collapse{
	background-image:url('/Style Library/CCCD/Images/Arrow-down.png');
    BACKGROUND-REPEAT:no-repeat;
}
.sidebar-expand{
	background-image:url('/Style Library/CCCD/Images/Arrow-right.png');
    BACKGROUND-REPEAT:no-repeat;
}
.cccd_quick_link {
    border: 1px solid #002d62;	
}
.cccd_quick_link .s4-ql{
	background-color:#002d62;
}
.s4-ql UL.root{
	padding-top:12px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:16px;
}
.s4-ql UL.root LI{
	margin-top:4px;
}
.s4-ql UL.root .menu-item{
	color:#fff!important;
    border:0 !important;
    padding-top:0px;
    padding-bottom:0px;
}
.s4-ql UL.root > LI > .menu-item
{
    margin:0;
	padding-left:20px;
    padding-right:20px;
    font-family: 'Open Sans',Arial;
}
.s4-ql UL.root A:link{
	background-color:transparent;
    text-decoration:none;
}
.s4-ql UL.root A:hover
{
     color:#c1d82f!important;
     background-color:transparent;
     text-decoration:none;
}
.s4-ql UL.root  A.selected
{
    background-color:#c1d82f;
    color:#002d62!important;
    text-decoration:none;
}
.s4-ql UL.root A:focus
{
	outline-color: transparent;
    text-decoration:none;
}
.s4-ql UL.root >LI >ul{
    display:none;
}
.cccd_callAction_lc a,
.cccd_callAction_lc a:visited,
.cccd_callAction_lc a:focus,
.cccd_callAction_lc a:link
{
	color:#002d62;
}
#cccd_second_page .cccd_callAction3{
	text-align:center;
}

/*alert hint*/
.popuparea
{
    font-weight:bold;
    margin:15px 10px;
}
.buttonarea table a
{
    padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
}
.dlg-oneBtn
{
    margin-left: 100px;
}
.dlg-ButtonHeightWidth
{
border-width: 2px;
border-color: black;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
color: #222;
background-color: #DDD;
background-color: #EEE;
background-image: -webkit-gradient(linear,left top,left bottom,from(#F3F3F3),to(#EEE));
background-image: -webkit-linear-gradient(top,#F3F3F3,#EEE);
background-image: -ms-linear-gradient(top,#F3F3F3,#EEE);
background-image: linear-gradient(top,#F3F3F3,#EEE);
margin-top: 5px;
margin-left: 30px;

text-align: center;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;

padding-bottom: 5px;
width: 60px;
}
.ms-core-listMenu-verticalBox li.static ul.static > li.static > .ms-core-listMenu-item {
	padding-left: 40px !important;
}
.ms-core-listMenu-verticalBox ul.static li.static ul.static li.static ul.static  li.static a.static span.additional-background span.menu-item-text{
	padding-left: 19px !important;
}

/*Feedback*/
.feedbackForm {width:100%;}
    .feedbackForm .title1, .feedbackForm .form1 , .feedbackForm .title2 , .feedbackForm .form2 , .feedbackForm .title3 , .feedbackForm .form3 , .feedbackForm .submit,
    .feedbackForm .title0
     {font-family: Helvetica Neue, Arial; color:black !important;float:left;  margin:6px 0px 6px 0px;   }

    .feedbackForm .title {  font-weight:bold;font-size:1.5em; float:left;  font-family: Helvetica Neue, Arial; color:black !important; margin:12px 0px 20px 0px;  width:98%;  }
    .feedbackForm .title0 { width:98%;  float:left;  }

    .feedbackForm .title1 { width:30%;   }
    .feedbackForm .form1 {width:60%;    }
    .feedbackForm .bold{	font-weight:bold;}

     .feedbackForm .title2 { width:15%;   }
     .feedbackForm .form2 {width:35%;    }

     .feedbackForm .title3  { width:98%;   }
     .feedbackForm .form3 {width:98%;    }
        .feedbackForm .form3 textarea {height:200px;width:70%;        }
     
     .feedbackForm .submit{ float:left; text-align:center; width:98%;}
    .feedbackForm .emailTable td {   color:black !important;   }
.result p {font-family: Helvetica Neue, Arial; color:black !important; font-size:1em; margin:12px 0px 20px 0px; }
    .result p.thanks  { font-weight:bold;font-size:1.5em;     }


/*User Services Request Form 1 Web Part*/
.usf1 div {    font-family: Helvetica Neue, Arial; color:black !important;float:left;  float:left;  }

    .usf1 .header { text-align:center; width:98%;}
        .usf1 .header p {  font-size:1.1em;      }
        .usf1 .header p.strong{ font-weight:bold;}

    .usf1 .title1{    width: 48%; height:35px; }
    .usf1 .form1{    width: 50%; height:35px; }

    .usf1 .form1,.usf1 .form2 {	margin:0px 0px 6px 0px;}
        .usf1 .form1 .date {float:left;width:47px;      height:35px; line-height:25px;   }
        .usf1 .form1 .control {float:left;       }
  
  	.usf1 .telephone{ width:98%;float:left;}
  
    .usf1 .title2 {    width: 8%; margin:0px 0px 6px 0px;}
    .usf1 .form2{    width: 25%; margin:0px 0px 6px 0px;}

    .usf1 .title3 {    width: 18%; margin:0px 0px 6px 0px;}
    .usf1 .form3{    width: 30%; margin:0px 0px 6px 0px;}

    .usf1 .form4{    width: 73%;}
    .usf1 .form4 input{  max-width:90px;;}


    .usf1 .line {margin:3px 0px 3px 0px; border-bottom:1px black solid;float:left;  width:98%;}

    .usf1 .title4 ,.usf1 .title5 {    width: 98%; }
    .usf1 .title5 {    margin:6px 0px 0px 0px;}
    .usf1 .title4 textArea{width:50%;height:200px;}
    .usf1 .title5 {   text-align:center;}

	.usf1 .bold{ font-weight:bold;}
	
	.usf1 .resultMessage{	margin:6px 0px 12px 0px;}

    .usf1 .title6{	width:98%; text-align:right;}

    .usf1 .title7{	width:35%; margin:6px 0px 6px 0px; }
    .usf1 .form7{	width:60%;margin:6px 0px 6px 0px; }