/* ---------- CSS Created by Bean Creative Funktional Web Design ---------------*/
/* ----------                  http://www.beancreative.com                   -------------*/
  

html {
	background:#fff;
}

body {
	background-image:url(../images/body_gradient.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper{
	width:962px;
	background-color:#FFF;
	border:1px solid #dbdbdb;
	margin:0 auto;
}

#header {
	width:920px;
	height:110px;
	margin:0 auto;
	background:#fff;
	position:relative;
}

#navWrapper{
	background-image:url(../images/nav_background.jpg);
	background-repeat:repeat-x;
	width:920px;
	margin:0 auto;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Tottom left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

#contentWrapper {
	width:920px;
	margin:0 auto; 
}

#mainContent {
	width:920px;
	margin:0 auto;
	padding-top:25px; 
}

#featureArea{
	width:920px;
	padding-top:25px;
	height:168px;
	margin:0 auto;
	background-image:url(../images/featurearea_bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
}


#leftColumnWrapper{
	width:605px;
}

#drugWrapper{
	width:605px;
	height:365px;
}

#twitter{
	width:605px;
}

#topTenDrugs{
	width:290px;
	float:left;
	display:inline;
}

#topTenTreatments{
	width:290px;
	float:left;
	margin-left:25px;
	display:inline;
}

#rightColumn {
	width:290px;
	float:right;
	display:inline;
    margin:0 0 25px 0;
	margin-left:20px;
}

#firstMainCol {
	width:290px;
	float:left;
	display:inline;
	margin:0 0 25px 0px;
}

#secondMainCol {
	width:290px;
	float:left;
	display:inline;
	margin:0 0 25px 25px;
}

#ratedDrugs{
	margin:0 auto;
	width:290px;
}

#ratedDrugsBasic{
	width:290px;
	background-image:url(../images/poll_bg.jpg);
	background-repeat:repeat-y;
}

#poll{
	margin-top:25px;
	width:290px;
	background-image:url(../images/poll_bg.jpg);
	background-repeat:repeat-y;
}



#basicplain{
	margin-top:10px;
	width:290px;
	background-image:url(../images/poll_bg.jpg);
	background-repeat:repeat-y;
}



#rightColumnAd{
	width:290px;
	margin-top:25px;
	text-align:center;
}

#bottomAd{
	background-image:url(../images/bottom_adbg.jpg);
	background-repeat:no-repeat;
	width:960px;
	text-align:center;
	min-height:120px;
	padding-top:20px;
	
}

#footer {
	padding:20px;
	width:920px;
	margin:0 auto;
}


/* MISCELLANEOUS LAYOUT CLASSES */

.floatright {float:right; margin:0 0 10px 20px;}

.floatleft {float:left;	margin:0 20px 10px 0;}	

.alignbottom {vertical-align:bottom;}

.clear{clear:both;}


input[type="SUBMIT"] {
    background: #398bc3;
    background: -moz-linear-gradient(top, #398bc3 0%, #0055a6 99%);
    background: -webkit-linear-gradient(top, #398bc3 0%,#0055a6 99%);
    background: linear-gradient(to bottom, #398bc3 0%,#0055a6 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398bc3', endColorstr='#0055a6',GradientType=0 );
    color: white;
    border: 0px;
    font-size: 14px;
    padding: 0.5em;
    border-radius: 4px;
}


@media (min-width: 768px){
    .at-share-btn-elements {
        position: fixed;
        z-index: 99999;
        top: 160px;
        right: -80px;
        width: 120px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .at-share-btn-elements a{
      width: 100%;
    }


    .at-follow-tbx-element .at-share-btn-elements a.at-icon-wrapper.at-share-btn{
        display: block;
        background: white;
        color: #425465;
        border-radius: 20px 0px 0px 20px;
        display: block;
        width: 150px;
        margin-bottom: 2px;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.14);
        float: right;
        padding-right: 3px;
        margin-right: 0px;
    }

    .at-follow-tbx-element .at-share-btn-elements a.at-icon-wrapper.at-share-btn:hover {
        background: #f3f3f3;
        color: #1c93cd;
    }

    div#atftbx p {
        margin-bottom: 8px;
        font-weight: 600;
        text-align: right;
    }

    .share-title {
        color: #ffffff;
        background: #f3ad02;
        padding: 5px 19px;
        border-radius: 20px 0px 0px 20px;
        position: fixed;
        right: 0px;
        top: 124px;
        z-index: 99999;
    }

    .at-share-btn-elements:hover {
        right: 0px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .at-resp-share-element .at-share-btn {
        margin-bottom: 1px;
    }

    .at-resp-share-element .at-share-btn:focus, .at-resp-share-element .at-share-btn:hover{
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    a.at-icon-wrapper.at-share-btn {
        border-radius: 20px 0px 0px 20px!important;
        padding-left: 6px;
    }
}