﻿.box{ border:1px solid #dddad3; padding:10px; -moz-box-shadow: 0px 1px 0px #b6b6b6;
	-webkit-box-shadow: 0px 1px 0px #b6b6b6;
	box-shadow: 0px 1px 0px #b6b6b6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b6b6b6')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b6b6b6'); background:#fff; margin-bottom:10px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
	 -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
	}
	.box:hover
	{
	     background:#f8fcfd;
	    }
	/* Articles Section */

.box .left{ float:left; width:168px}
.box .left img{ height:155px; width:160px;}
.box .right{ float:right; width:480px;}
.box .right .row1box{}
.box .right .row1box h3.title{ margin:0; padding:0; color:#252222; font-family:Oranienbaum}
.box .right .row2box{}
.box .right .row2box .col1box{ float:left; width:40%; font-style:oblique; font-size:small; color:#bd9c92}
.box .right .row2box .col2box{ float:right; width:59%; text-align:right; font-size:small; color:#ca1e15}
.box .right .row3box{ font-family:Open Sans; font-size:small}
.box .right .row4box{ text-align:right}
.box .right .row1box { padding:0px}
.box .right .row3box { padding:30px 0px}
.sidebarbox{ border:1px solid #d3d3d3; padding:10px; background:#fff;  margin-bottom:10px;-moz-border-radius:0px 0px 5px 5px;
-webkit-border-radius:0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px; /* future proofing */
-khtml-border-radius:0px 0px 5px 5px;-o-border-radius:0px 0px 5px 5px; }

.sidebarfbbox{ border:1px solid #d3d3d3; padding:0px; background:#fff;  margin-bottom:10px;-moz-border-radius:0px 0px 5px 5px;
-webkit-border-radius:0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px; /* future proofing */
-khtml-border-radius:0px 0px 5px 5px;-o-border-radius:0px 0px 5px 5px; }
.sidebarfbbox .info{text-align:center; height:280px; color:#b4b4b4;}

.sidebarbox .info{text-align:center; height:100%; color:#b4b4b4;}
.sidebarbox .info h3{ padding-top:100px;}
.sidebarbox .info a img{ width:120px; height:150px}
ol.searched{ margin:0px; padding:0  0 0 20px; text-align:left}
ol.searched li{ font-size:small;}
ol.searched li a{ text-decoration:none; color:#222;
                   -webkit-transition: color 0.6s ease-out;
  -moz-transition: color 0.6s ease-out;
  -o-transition: color 0.6s ease-out;
  transition: color 0.6s ease-out;
                  
                  }
ol.searched li a:hover{ text-decoration:underline; color:#0099dd}
p.tip{ font-size:small; text-align:justify; margin:0; padding:0; padding-bottom:5px; color:#333}

.txtbox{background: white;
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px #DDD inset;
	color: #a9a9a9;
	font-size:small;
	padding: 5px 10px;
	outline: none;}
	
	.txtareabox{background: white;
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px #DDD inset;
	color: #a9a9a9;
	 font-size:small;
	padding: 5px 10px;
	outline: none;}
.dropdown
{
    background: white;
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px #DDD inset;
	color: #a9a9a9;
	 
	padding: 5px;
	outline: none;
	 @include transition(all 0.30s ease-in-out);
  outline: none;
  border: 1px solid #DDDDDD;
    }
    
    .dropdown:focus{ @include box-shadow(0 0 5px rgba(81, 203, 238, 1));
  border: 1px solid rgba(81, 203, 238, 1);}
	.txtbox1{box-shadow: 0 4px 6px -5px hsl(0, 0%, 40%), inset 0px 4px 6px -5px black;}
input[type=text], textarea {
  @include transition(all 0.30s ease-in-out);
  outline: none;
  /*padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;*/
  border: 1px solid #DDDDDD;
}
 
input[type=text]:focus, textarea:focus {
  @include box-shadow(0 0 5px rgba(81, 203, 238, 1));
  /*padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;*/
  border: 1px solid rgba(81, 203, 238, 1);
}
.button2{ background:#3a97fa; color:#fff; padding:3px 10px}
.button2:hover
{
     background: #70b3fc; /* for non-css3 browsers */
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70b3fc', endColorstr='#3a97fa'); /* for IE */
	    background: -webkit-gradient(linear, left top, left bottom, from(#70b3fc), to(#3a97fa)); /* for webkit browsers */
 	    background: -moz-linear-gradient(top,  #70b3fc,  #3a97fa); /* for firefox 3.6+ */

    }
.button2:active
{
     background: #3a97fa; /* for non-css3 browsers */
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a97fa', endColorstr='#70b3fc'); /* for IE */
	    background: -webkit-gradient(linear, left top, left bottom, from(#3a97fa), to(#70b3fc)); /* for webkit browsers */
 	    background: -moz-linear-gradient(top, #3a97fa,  #70b3fc); /* for firefox 3.6+ */

    }