@charset "utf-8";
@import url("navi.css");
@import url("forms.css");
@import url("tables.css");
@import url("featured_slide.css");

html{overflow-y:scroll;}
body{margin:0; padding:0; font-size:13px; font-family:verdana, Arial, Helvetica, sans-serif; color:#000000; background-color: white;}
//background:#eeeeee url(../images/bg.gif) repeat;}
//.background {position: absolute;width: 100%; background:#eeeeee url(../images/bg.gif) repeat;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{margin:0; padding:0; list-style-type:none;}

.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}

a{color:blue;outline:none; text-decoration:none;}

.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}

img{display:block; margin:0; padding:0; border:none;}
.imgl, .imgr{border:1px solid #999999; padding:5px;}
.imgl{margin:0 8px 8px 0; clear:left;}
.imgr{margin:0 0 8px 8px; clear:right;}
//iframe{ border: 1px solid #999; margin: 5px;}
/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper{display:block; width:100%; margin:0; text-align:left;}
div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0; padding:0; font-weight:normal; line-height:normal; font-family:Georgia, "Times New Roman", Times, serif;}
.col1{color:#000000; background-color: white;} //background:#eeeeee url(../images/bg.gif) repeat;}
//.col{ width: 1349px; height: 300px;}
.col2, .col2 a{color:#FFFFFF; background-color:#B2C629;}
.col3{color:#000000; background-color: white; } //background:#eeeeee url(../images/bg.gif);}
.col3 a{color:blue;}
.col4{color:#FFFFFF; background-color:#000000;}
.col4 a{color:#95AD19; background-color:#000000;}
.col5, .col5 a{color:#333333; background-color:#95AD19;}

/* ----------------------------------------------Generalise------------------------------------- */

#header, #header_homepage, #topbar, #homepage, #breadcrumb, #container, #footer, #copyright{display:block; position:relative; width:960px; margin:0 auto;}

/* ----------------------------------------------Header----------------------------------------- */

#header{padding:20px 0; z-index:1000;}
#header #logo{display:block; float:left; overflow:hidden;}
#header #logo h1, #header #logo p{margin:0; padding:0; line-height:normal;}
#header #logo h1{font-size:33px; text-transform:none;}
#header h1 a{color:#95AD19; }//background-color:#FFFFFF;}

/*#header_homepage{ padding: 20px 0; z-index:1000; width:1200px; }
#header_homepage #logo1{display:block; float:left; width:300px; overflow:hidden; padding: 20px 0;}
#header_homepage #logo1 h1, #header_homepage #logo1 p{margin:0; padding:0; line-height:normal;}
#header_homepage #logo1 h1{font-size:33px; text-transform:none;}
#header_homepage h1 a{color:#95AD19; }//background-color:#FFFFFF;}*/

/* ----------------------------------------------BreadCrumb------------------------------------- */

#breadcrumb{padding:20px 0;}
#breadcrumb ul{margin:0; padding:0; list-style:none;}
#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Content------------------------------------- 
#container{padding: 20px; margin:20px 20px 20px 180px; width: 45%; background-color: #f7f7f2;}*/
#container{padding:20px 0;}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{margin:0 0 15px 0; padding:0 0 8px 0;}
#container_mypetitions{padding:10px 100px 10px 180px; width: 79%;}
/* ----------------------------------------------Homepage Block------------------------------------- */

.homepage{display:block; width:100%; margin:15px 0 0 0; padding-bottom: 5px; padding-top: 5px;}
.homepage ul{margin:0; padding:0; list-style:none;}
.homepage li{display: block; float:left; width:300px; margin:0 0 0 0; padding: 10px;} 
.homepage li.last{margin-right:0;}
.homepage li h2{display: block; width:100%; height:65px; margin:0; padding:0px 0 8px 0; font-weight:normal; line-height:normal;}
.homepage li h2 img{float:left; margin:0px 8px 0 0; padding:5px; border:1px solid #999999;}
.homepage p{margin:0 0 25px 0; padding:0; line-height:1.6em;}
.homepage p.readmore{display:block; text-align:right; line-height:normal; font-weight:bold;}
.homepage p.readmore a{padding:8px 15px 10px; color:#FFFFFF; background-color: #95AD19;}

/* ----------------------------------------------Content Block------------------------------------- */

#content{display:block; float:left; width:600px;}

/* Comments */

#comments{margin-bottom:40px;}
#comments .commentlist{margin:0; padding:0;}
#comments .commentlist ul{margin:0; padding:0; list-style:none;}
#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#95AD19; background-color:#F7F7F7;}
#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#95AD19; background-color:#E8E8E8;}
#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}
#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight:normal; text-transform:none;}
#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column------------------------------------- */

#column{display:block; float:right; width:300px;}
#column .holder{display:block; width:300px; margin-bottom:20px;}
#column .holder p{line-height:1.6em;}
#column .holder h2.title{display:block; width:100%; height:65px; margin:0; padding:15px 0 0 0; font-size:20px; line-height:normal;}
#column .holder h2.title img{float:left; margin:-15px 8px 0 0; padding:5px; border:1px solid #666666;}
#column .holder p.readmore{display:block; width:100%; font-weight:bold; text-align:right; line-height:normal;}
#column div.imgholder{display:block; width:290px; margin:0 0 10px 0; padding:4px; color:#666666; background-color:#F7F7F7; border:1px solid #CCCCCC;}

/* ----------------------------------------------Footer------------------------------------- */

#footer{padding:20px 0;position:fixed;}
#footer ul{margin:0; padding:0; list-style:none;}
#footer h2{margin:0 0 15px 0; padding:0 0 8px 0; font-size:18px; color:#CCCCCC; background-color:#000000; border-bottom:1px dotted #CCCCCC;}
#footer .box{display:block; float:right; width:250px; margin:0 0 0 25px; padding:0;}
#footer .box1{display:block; float:left; width:400px; line-height:1.6em;}
#footer .box1 .imgl{border:1px solid #CCCCCC; padding:5px; color:#FFFFFF; background-color:#000000;}
#footer .contactdetails li{margin:0 0 8px 0;}
#footer .flickrbox, #footer .flickrbox .wrap{display:block; width:260px;}
#footer .flickrbox .wrap .fix{clear:both;}
#footer .flickrbox .wrap .flickr_badge_image{display:block; float:left; margin:0 10px 10px 0; width:80px; height:80px;}
#footer .flickrbox .wrap #flickr_badge_image3, #footer .flickrbox .wrap #flickr_badge_image6{margin-right:0;}

/* ----------------------------------------------Copyright------------------------------------- */

#copyright{padding:10px 0 10px 0;}
#copyright p{margin:0; padding:0;}

/* ############################################# Nayeem ############################################## */

/*-------------------------- Homepage css to table for popular petitions section ----------------------*/

#tablecontent{ width: 750px; border: 1px solid #E7E6E6 ; padding: 0px; overflow: hidden;}
#tablecontent a{color: black;}
#tablecontent a:hover{color: blue;}

/*------------------------------------------------- navigation -------------------------------------*/

#navigation{display: block;vertical-align: middle;float: right;padding-right: 200px;padding-top: 45px; font-size: 15px; line-height: 25px;}

/*--------------------------------- sign this petition page ------------------------------------------------*/

#navigation_signthispetition{display:inline-block; background-color: whitesmoke; padding: 20px;}
#navigation_signthispetition h4{color: darkred;} 
#container_signthispetition{display:inline-block; margin-right: 20px; vertical-align: top; text-align: left;}
#container_signthispetition h1, #container_signthispetition h2, #container_signthispetition h3, #container_signthispetition h4, #container_signthispetition h5, #container_signthispetition h6{margin:0 0 15px 0; padding:0 0 8px 0;}


/*------------------------------- start a petition -----------------------------------------------------------*/

#container_startapetition{display:inline-block; margin-right: 20px; vertical-align: top; width: 630px; background-color: #f7f7f2; padding: 25px 40px; border-radius: 5px;}
#container_startapetition h1, #container_startapetition h2, #container_startapetition h3, #container_startapetition h4, #container_startapetition h5, #container_startapetition h6{margin:0 0 15px 0; padding:0 0 8px 0;}
#signupcontrol{padding: 30px 155px 30px 155px; margin:5px 520px 30px 180px; background-color: whitesmoke;}
#signupcontrol h2{margin:0; padding:0 0 8px 25px; color: #3369E8;}
#logindropdown{float: none; padding-top: 10px; padding-left: 800px; }
#startapetition{float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 450px; font-family: Calibri; font-size:14px; }
#startapetition a{color: black; margin: 0px 0px 0px 10px; }
#startapetition a:hover{color: blue; text-decoration: none; }
#login{padding-left: 5px; margin-top: 10px;}
#login a{color: black;}
#login a:hover{color: blue;}
#test{float: left; margin-left: 130px; margin-top: 15px; margin-bottom: 0px;}
#test ul{list-style-type: none; margin: 0; padding: 0; height:auto; width: 100%; display: table; overflow:hidden; border:1px solid #fff; }
#test li{ list-style-type: none; display: table-cell; margin: 0; line-height: 0px; text-align: center;}

.btn_startapetition { background: transparent url("https://www.wantreform.org/images/demo/Start_a_petition.png") 0 0 no-repeat; display: inline-block; text-align: center; cursor: pointer; height: 30px; /* height of the background image */ width: 145px; /* width of the background image */ border: 0px solid #fff; border-radius: 4em; margin-right: 5px;  }
.btn_startapetition:hover { background: transparent url("https://www.wantreform.org/images/demo/Start_a_petition_blue.png") 0 0 no-repeat; height: 30px; /* height of the background image */ width: 145px; /* width of the background image */ border-color: #B2C629; }
.btn_startapetition:active { border-color: #f00; } 
  
.btn_startamovement { background: transparent url("https://www.wantreform.org/images/demo/Start_a_movement.png") 0 0 no-repeat; display: inline-block; text-align: center; cursor: pointer; height: 30px; /* height of the background image */ width: 177px; /* width of the background image */ border: 0px solid #fff; border-radius: 4em; margin-right: 5px; }
.btn_startamovement:hover { background: transparent url("https://www.wantreform.org/images/demo/Start_a_movement_blue.png") 0 0 no-repeat; height: 30px; /* height of the background image */ width: 177px; /* width of the background image */ border-color: #B2C629;
}
.btn_startamovement:active { border-color: #f00; }

.btn_search { background: transparent url("https://www.wantreform.org/images/demo/Search.png") 0 0 no-repeat; display: inline-block; text-align: center; cursor: pointer; height: 30px; /* height of the background image */ width: 79px; /* width of the background image */ border: 0px solid #fff; border-radius: 1em; margin-right: 5px; }
.btn_search:hover { background: transparent url("https://www.wantreform.org/images/demo/Search_blue.png") 0 0 no-repeat; height: 30px; /* height of the background image */ width: 79px; /* width of the background image */ border-color: #B2C629;}
.btn_search:active { border-color: #f00;}   

.btn_login { background: transparent url("https://www.wantreform.org/images/demo/Login.png") 0 0 no-repeat; display: inline-block; text-align: center; cursor: pointer; height: 30px; /* height of the background image */ width: 79px; /* width of the background image */ border: 0px solid #fff; border-radius: 4em; margin-top: 12px; }
.btn_login:hover { background: transparent url("https://www.wantreform.org/images/demo/Login_blue.png") 0 0 no-repeat; height: 30px; /* height of the background image */ width: 79px; /* width of the background image */ border-color: #B2C629; }
.btn_login:active { border-color: #f00; }

.btn_startapetition_new
{ 
    font-family: Calibri;
    font-size: 19px;
    padding-left: 30px;
    background: transparent url("https://www.wantreform.org/images/demo/Start_a_petition_icon.png") no-repeat left center; 
    color: black;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    height: 27px; /* height of the background image */
    border: 1px solid #fff;
    margin-right: 10px;  
}
.btn_startapetition_new:hover 
{
    background: transparent url("https://www.wantreform.org/images/demo/Start_a_petition_icon_blue.png") no-repeat left center; 
    color: blue;
}

.btn_startamovement_new
{ 
    font-family: Calibri;
    font-size: 19px;
    padding-left: 35px;
    background: transparent url("https://www.wantreform.org/images/demo/Start_a_movement_icon.png") no-repeat left center; 
    color: black;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    height: 27px; /* height of the background image */
    border: 1px solid #fff;
    margin-right: 10px;  
}
.btn_startamovement_new:hover 
{
    background: transparent url("https://www.wantreform.org/images/demo/Start_a_movement_icon_blue.png") no-repeat left center; 
    color: blue;
}

.btn_search_new
{ 
    font-family: Calibri;
    font-size: 19px;
    padding-left: 25px;
    background: transparent url("https://www.wantreform.org/images/demo/Search_icon.png") no-repeat left center; 
    color: black;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    height: 27px; /* height of the background image */
    border: 1px solid #fff;
    margin-right: 10px;  
}
.btn_search_new:hover 
{
    background: transparent url("https://www.wantreform.org/images/demo/Search_icon_blue.png") no-repeat left center; 
    color: blue;
} 

.btn_login_new
{ 
    font-family: Calibri;
    font-size: 19px;
    padding-left: 30px;
    padding-top:4.2px;
    background: transparent url("https://www.wantreform.org/images/demo/Login_icon.png") no-repeat left top; 
    color: black;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    height: 30px; /* height of the background image */
    border: 1px solid #fff;
    margin-right: 10px;  
}
.btn_login_new:hover 
{
    background: transparent url("https://www.wantreform.org/images/demo/Login_icon_blue.png") no-repeat left top; 
    color: blue;
}

#login_dropdown{ float: left; margin-left: 5px; margin-top: 12px; }

/*------------------------------ Contact us page-------------------------------*/
.questions { 
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    font-family: Trebuchet MS; 
    font-weight: normal;
    font-size: 17px;
    color: #0000A0;
    
  }
.questions:hover {
    border-color: #0000A0;
}

/*------------------------------ preview petittion page-------------------------------*/

#navigation_preview{display: block;vertical-align: middle;float: right;padding-right: 200px;padding-top: 45px; font-size: 15px; line-height: 25px;}
#container_preview{padding: 20px; margin:20px 20px 20px 180px; }
#container_discription{padding: 10px 50px 10px 50px; margin:0px; width: 520px; word-wrap:break-word; display: inline-block;line-height: 1.2; font-size: 11pt; background-color: whitesmoke; border-radius: 5px;color:#000000;}
#container_preview h1, #container_preview h2, #container_preview h3, #container_preview h4, #container_preview h5, #container_preview h6{margin:0 0 15px 0; padding:0 0 8px 0;}
#preview { padding: 15px 0px 15px 0px ; text-align: center; font-size: 16pt; width: 560px;}
#preview h1, #preview h2, #preview h3, #preview h4, #preview h5, #preview h6{margin:0 0 15px 0; padding:0 0 8px 0; color: black;}

/*---------------------------- publish petition page ------------------------------------*/

#navigation_publish{display:inline-block; border-radius: 5px; border: 1px solid #CCC; padding:10px 30px; text-align: left;}
#navigation_mypetitions{display: block; float: right; padding-right: 0px;padding-left: 30px; padding-top: 20px; font-size: 15px; line-height: 25px;background-color: white; margin-right: 0px; padding-bottom: 20px; border-radius: 5px;}
#container_publish{display:inline-block; vertical-align: top; margin-right: 20px; text-align: left;}
#container_publish h1, #container_publish h2, #container_publish h3, #container_publish h4, #container_publish h5, #container_publish h6{margin:0 0 15px 0; padding:0 0 8px 0;}
.previewimage{background-color: #f7f7f2; padding: 10px 50px 10px 50px; border-radius: 8px; width: 520px;}
.previewimage2{background-color: #EBF7F7; padding:25px; border-radius: 8px; width: 560px; margin-top: 15px; text-align: left;}
.updates{padding: 8px 0px 20px 0px; width: 600px; border: 1px dotted #cccccc; border-radius: 5px; margin:20px auto;}
#publish { padding: 30px 0 20px 0px ; text-align:center ; font-size: 15pt;line-height: 1.2; color: black; }

/*---------------------------- update page -------------------------------*/

#container_update{padding: 20px; margin: 20px 20px 20px 180px; width: 45%;  }
.previewimage3{ padding: 25px; border-radius: 8px; background-color: #f7f7f2;}

/*------------------------------------------------ REGISTER PAGE CSS-----------------------------------*/

/*#container_register{padding: 30px 0px 30px 0px; margin:20px 220px 20px 350px;  background-color: #ffffff;}
#container_register h1, #container_register h2, #container_register h3, #container_register h4, #container_register h5, #container_register h6{margin:0 0 15px 0; padding:0 0 8px 0;}
#navigation_register{display: block;vertical-align: middle;float: right;padding-right: 200px;padding-top: 45px; padding-bottom: 30px;font-size: 15px; line-height: 25px;}*/

/*------------------------------------------------ LOGIN PAGE CSS / REGISTER PAGE CSS ----------------------------------------*/

#container_login{margin:15px auto; text-align:left; width: 500px; background-color: #eee; padding:30px 0px;}
#container_login h1, #container_login h2, #container_login h3, #container_login h4, #container_login h5, #container_login h6{margin:0 0 0 0; padding:0 0 0 0;}
#navigation_login{display: block;vertical-align: middle;float: right;padding-right: 200px;padding-top: 45px; font-size: 15px; line-height: 25px;}

/*------------------------------------------- HOW TO RAISE A PETITION -----------------------------------*/

#container_howtoraiseapetition{display:inline-block; margin-right:20px; vertical-align: top; width: 800px; text-align: left; padding:40px 20px; background-color: whitesmoke; border-radius: 8px;}
#container_howtoraiseapetition h1,#container_howtoraiseapetition h2,#container_howtoraiseapetition h3,#container_howtoraiseapetition h4{margin:0 0 15px 0; padding:0 0 8px 0; border-bottom:1px solid #E7E6E6; color: blue; font-family: Trebuchet MS;}
#container_howtoraiseapetition a{font-size: 12pt; color: darkgreen; font-weight: bold; font-family: Trebuchet MS}
#container_howtoraiseapetition li{padding: 5px 0;}
.links { text-align: left; font-family: Trebuchet MS; font-weight: bold;}
.links li{ padding: 10px 0;}
.links a{ color: darkgreen;}
.links a:hover{ color: blue;}

/*------------------------------------------- ABOUT US PAGE -----------------------------------*/

#container_aboutus{display:inline-block; vertical-align: top; margin: 20px;}
#container_aboutus h1,#container_aboutus h2,#container_aboutus h3,#container_aboutus h4{margin:0 0 0 0; padding:0 0 0 0; color: darkred;}

/*------------------------------------------- TERMS AND POLICIES PAGE / CONTACT US PAGE -----------------------------------*/

#container_contactus{margin:10px auto; width: 950px; text-align:left; padding:20px 20px; background-color: white;}
#container_contactus h1,#container_contactus h2,#container_contactus h3,#container_contactus h4{margin:0 0 0 0; padding:0 0 0 0; color: darkgreen; font-family: Trebuchet MS;}
#container_contactus li{padding: 5px 0;}

#monthlypayment{}
#monthlypayment input[type="button"] {width:150px; background-color:#B2C629; margin: 10px; padding: 10px; border-radius: 5px; border: 3px solid #cccccc; font-weight: bold;}
#monthlypayment input[type="button"]:hover {background-color: white; border: 3px solid #999999; cursor: pointer; cursor: hand;}
#monthlypayment select{width: auto; height: 30px; text-align: left; border: none; background-color: white; float: right; margin-right: 30px; font-family: Trebuchet MS; font-size: 14px; background-color: whitesmoke;}
/*#monthlypayment select:after{ width: 1000px;}
#monthlypayment select .right{direction: rtl; text-align: right;  float: right; display: inline;}
#monthlypayment select .left{text-align: left;  float: left; display: inline;}*/

#onetimepayment{}
#onetimepayment input[type="button"] {width:150px; background-color:#B2C629; margin: 10px; padding: 10px; border-radius: 5px; border: 3px solid #cccccc; font-weight: bold;}
#onetimepayment input[type="button"]:hover {background-color: white; border: 3px solid #999999; cursor: pointer; cursor: hand; }
#onetimepayment select{width: auto; height: 30px; text-align: right; border: none; background-color: white; float: right; margin-right: 30px; font-family: Trebuchet MS; font-size: 14px; background-color: whitesmoke;}

#paymentform{}
#paymentform input[type="text"] {width: 220px; margin: 5px 0px;}
#paymentform input[type="button"] {width:150px; background-color:#B2C629; margin: 10px; padding: 10px; border-radius: 5px; border: 3px solid #cccccc; font-weight: bold;}
#paymentform input[type="button"]:hover {background-color: white; border: 3px solid #999999; cursor: pointer; cursor: hand;}
#paymentform input[type="submit"] {width:150px; background-color:#B2C629; margin: 10px; padding: 10px; border-radius: 5px; border: 3px solid #cccccc; font-weight: bold;}
#paymentform input[type="submit"]:hover {background-color: white; border: 3px solid #999999; cursor: pointer; cursor: hand;}
#paymentform select{width: 70px; margin: 5px 0px; height: 30px;}
.paymentformlabel{color: red; float: right; margin-right: 10px;}
.paymentformlabel:hover{color: #95AD19; cursor: pointer; cursor: hand;}

/*------------------------------------------------- TEXT BOX / PASSWORD ---------------------------------*/
#textbox{
    padding:10px 88px;
}
input[type='text'], input[type='password']
{
width: 300px;height: 32px;border-radius: 3px;border: 1px solid #CCC;padding: 8px;font-weight: 200;font-size: 15px;font-family: Verdana;box-shadow: 1px 1px 5px #CCC;
}
input[type='text']:hover, input[type='password']:hover
{
width: 300px;height: 32px;border-radius: 3px;border: 1px solid #aaa;padding: 8px;font-weight: 200;font-size: 15px;font-family: Verdana;box-shadow: 1px 1px 5px #CCC;
}

/*------------------------------------------ TEXT AREA ----------------------------------------------*/
textarea
{
width: 250px;
height: 90px;
border-radius: 3px;
border: 1px solid #CCC;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}

textarea:hover
{
width: 250px;
height: 90px;
border-radius: 3px;
border: 1px solid #aaa;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}

/*----------------------------- BUTTONS -----------------------------------------------*/

 div.social-wrap button { 
    padding-right: 45px;
    height: 35px;
    background: none;
    border: none;
    display: block;
    background-size: 35px 35px;
    background-position: right center;
    background-repeat: no-repeat;
    border-radius: 4px;
    color: white;
    font-family:"Merriweather Sans", sans-serif;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 10px;
    width: 300px;
    border-bottom: 2px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    box-shadow: 0 4px 2px -2px gray;
    text-shadow: rgba(0, 0, 0, .5) -1px -1px 0;
}
button#facebook {
    border-color: #2d5073;
    background-color: #3b5998;
    background-image: url(http://icons.iconarchive.com/icons/danleech/simple/512/facebook-icon.png);
}
/*
#sign 
{
    border-color: #2d5073;
    background-color: #3b5998;
    width: 200px;
}
*/
button#signin{
    padding-right: 45px;
    height: 35px;
    background: none;
    border: none;
    display: block;
    background-size: 35px 35px;
    background-position: right center;
    background-repeat: no-repeat;
    border-radius: 4px;
    color: white;
    font-family:"Merriweather Sans", sans-serif;
    font-size: 14px;
    margin-bottom: 15px;
    width: 220px;
    border-bottom: 2px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    box-shadow: 0 4px 2px -2px gray;
    text-shadow: rgba(0, 0, 0, .5) -1px -1px 0;
    border-color: #2d5073;
    background-color: #3b5998;
    
}
/*############################  Default text selection color   #############################################*/

::selection {color: white;background: #3369E8; //background: transparent; }
::-moz-selection {color: white;background: #3369E8; //background: transparent; }

/*##################################################################################################################*/

/*############################  login drop down control   #############################################*/
.dropdown 
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
  .active
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
} 
.wrapper-dropdown-5{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.wrapper-dropdown-5 
{
 /* Size & position */
    position: relative;
    width: 200px;
    margin: 10px auto;
    padding: 12px 15px;
/* Styles */
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.wrapper-dropdown-5:after
 {
 /* Little arrow */
    content: "";   
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: blue transparent;
}
.wrapper-dropdown-5 .dropdown
 {
  /* Size & position */
  position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  /* Styles */
    background: #fff;
    border-radius: 0 0 0px 0px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
 /* Hiding */
    max-height: 0;
    overflow: hidden;    
}
.wrapper-dropdown-5 .dropdown li { padding: 0 10px ; }
.wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;   
}
.wrapper-dropdown-5 .dropdown li:last-of-type a { border: none; }
.wrapper-dropdown-5 .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; }
/* Hover state */
.wrapper-dropdown-5 .dropdown li:hover a { color: blue;    }
/* Active state */
.wrapper-dropdown-5.active {
    border-radius: 5px 5px 0 0;
    background: #95AD19;
    box-shadow: none;
    border-bottom: none;
    color: black;
    border: 1px solid #ccc;
}
.wrapper-dropdown-5.active:after { border-color: blue transparent;}
.wrapper-dropdown-5.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 400px;   }

/*##################################################################################################################*/


/*------------------ Load more button  ------------------*/
.more_button 
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    color: #000;
    font-weight: bold;
    height: auto;
    line-height: 32px;
    text-align: center;
    text-transform: none;
    cursor: pointer;
}
.more_button:hover{ color: blue; }
.more_div{padding:20px; margin-left: 380px;}
ul.load_content{ margin:0; padding:0; list-style-type:none;}
ul.load_content li { border-bottom: 1px solid #ddd; margin-bottom: 20px; }
ul.load_content a { color: #000000;}
ul.load_content a:hover{color: blue;}