/* Left Side Widgits */

/* Picture Box */

#picture-box {
width:247px;
margin-bottom:12px;
}
#picture-box a {
text-decoration:none;
font:12px/24px arial;
color:#02878a;
background:url(//media.tripcentral.ca/style/images/agents/bg-back-button.png) no-repeat;
width:123px;
height:24px;
display:block;
padding-left:13px;
}
#picture-box img.stamp {
position:absolute;
left:10px;
top:215px;
}

/* Extension Box */

#extension-box {
background:url(//media.tripcentral.ca/style/images/agents/bg-awbt-green.png) no-repeat;
height:112px;
position:relative;
margin-bottom:15px;
}
#extension-box h2{
position:absolute; 
top:55px;
right:28px;
color:#144453;
}
#extension-box span {
display:block;
color:#144453;
font:12px/20px arial;
position:absolute;
top:35px;
right:40px;
}

/* Contact Box */

#contact-info .top {
background:url(//media.tripcentral.ca/style/images/agents/contact-top.png) no-repeat;
height:32px;
}
#contact-info .top h2 {
font:bold 12px/18px arial;
color:#02878a;
padding:7px 0 0 10px;
}
#contact-info .middle {
padding-bottom:1px;
border:1px solid #add2d4;
border-width: 0 1px 1px 1px;
background:#e3f2f3;
margin-bottom:15px;
}
#contact-info .middle ul {
padding:15px 0 0 0;
margin-bottom:20px;
}
#contact-info .middle ul li {
margin-bottom:10px;
color:#666;
padding-left:10px;
}
#contact-info .middle ul li.margin {margin-bottom:7px;}
#contact-info .middle ul li.border {
border-bottom:1px solid #add2d4;
padding-bottom:15px;
margin-bottom:15px;
}
#contact-info .middle ul li a {color:#02878a;}

/* Search Box */

#search-box {
background:url(//media.tripcentral.ca/style/images/agents/bg-search-box.png) no-repeat;
height:98px;
}
#search-box ul {padding:10px 0 0 15px;}

#search-box ul li{
font:12px/18px arial;
margin-bottom:5px;
}
#search-box ul li input.txt{
background:url(//media.tripcentral.ca/style/images/agents/bg-txt.png) repeat-x top;
border:1px solid #ccc;
padding:5px 0 5px 5px;
float:left;
width:165px;
color:#666;
}
#search-box ul li button{
background:url(//media.tripcentral.ca/style/images/agents/go-button.png) no-repeat;
text-indent:-9999px;
border:none;
display:block;
height:28px;
width:34px;
cursor:pointer;
float:left;
}


/* Agent Name and Navigation In Column-23 */

.agent-heading h2 {
font:24px/18px arial;
float:left;
color:#02878a;
margin:7px 0 15px 0;
}
.agent-heading p.extension {
float:left;
font-size: 14px;
margin:10px 0 0 10px;
}
#profile-nav ul{
list-style:none;
border-bottom:1px solid #c3ddde;
margin-bottom:20px;
float:left;
width:100%;
}
#profile-nav ul li{
float:left;
margin:0 5px -1px 0;
}
#profile-nav ul li a {
text-decoration:none;
font-weight: bold;
font-size:13px;
background:#f2ebd6;
display:block;
padding:10px 15px;
border-top: 1px solid #FFF;
border-bottom:1px solid #c3ddde;
color:#02878a;
}
#profile-nav ul li a:hover {
color: #02878a;
text-decoration: underline;
}
#profile-nav ul li.selected a {
background:#fff;
border:1px solid #c3ddde;
border-bottom:1px solid #FFF;
color:#02878a;
}

/* Gray Box Containing Text About Agents Whereabouts */

#in-office {
background:url(//media.tripcentral.ca/style/images/agents/bg-in-office-box.png) no-repeat;
height:42px;
margin-bottom:20px;
}
#in-office h2 {
font:bold 12px/18px arial;
color:#666;
padding:12px 0 0 55px;
}

/* Styling for main content list in about me section */

ul.text li {
margin-bottom:15px;
font:12px/18px arial;
padding-right:35px;
}
ul.text li.heading {
color:#02878a;
font:bold 14px/18px arial;
margin-bottom:3px;
} 

/* Where Ive Been Nav and Boxes/Lists */

p.text-standard {
color:#666;
font:12px/18px arial;
margin-bottom:20px;
}
#destination-nav ul{
list-style:none;
border-bottom:1px solid #c2c2c2;
margin-bottom:0px;
float:left;
width:100%;
}
#destination-nav ul li{
float:left;
margin-right:5px;
margin-bottom:-1px;
}
#destination-nav ul li a{
text-decoration:none;
font-weight:bold;
font-size:13px;
background:#f7f7f7;
display:block;
padding:10px;
border-top:1px solid #fff;
border-bottom:1px solid #c2c2c2;
color:#02878a;
}
#destination-nav ul li.selected a{
background:#fff;
border:1px solid #c2c2c2;
border-bottom:1px solid #fff;
color:#02878a;
}
#destination-nav ul li a:hover {
color:#02878a;
text-decoration:underline;
} 
.destination-box {
border:1px solid #c2c2c2;
border-top:none;
padding:20px;
}
.destination-box ul {
padding-left:0px;
margin-bottom:15px;
overflow:auto;
}
.destination-box h4{
font-size:14px;
margin:0 0 3px 0;
}
.destination-box ul li {
float:left;
width:210px;
margin-bottom:5px;
}
.destination-box ul li a{color:#02878a;}
.destination-box ul li a:hover{color:#96091d;}

/* My Photos Page */

.paging {
margin-bottom:10px;
font-size:12px;
float:right;
width:775px;
}
.paging span{
color:#666;
float:left;
}
.paging ul {
float:right;
}
.paging ul li {
float:left;
margin-left:8px;
color:#666;
}
.paging ul li a{
text-decoration:none;
color:#02878a;
}
.paging ul li.selected a{
text-decoration:underline;
font-weight:bold;
}
ul.album-box {
border:1px solid #c3ddde;
padding:10px;
margin-bottom:10px;
}
ul.album-box .left {float:left;}
ul.album-box .right {
float:right;
width:470px;
text-align:left;
padding-right:50px;
}
ul.album-box .right ul li {
margin-bottom:6px;
font:12px/18px arial;
}
ul.album-box .right ul li.title {
font:bold 14px/18px arial;
color:#02878a;
margin-bottom:4px;
}
ul.album-box .right ul li a {
text-decoration:none;
background:url(//media.tripcentral.ca/style/images/agents/button-view.png) no-repeat;
display:block;
height:27px;
width:87px;
line-height:27px;
color:#666;
text-align:center;
}
ul.album-box .right ul li a:hover {text-decoration:underline;}

/* Agent Photos Section */

ul.agents-photos li {
width:159px;
height:165px;
border:1px solid #dedede;
float:left;
margin:0 5px 5px 0;
padding-left:6px;
}
ul.agents-photos li a{
width:152px;
height:165px;
display:block;
padding:0px;
}
ul.agents-photos li.no-margin {
margin-right:0px;
}

/* Agent Videos Section */

.media-block {
border-bottom:1px solid #c3ddde;
padding-bottom:15px;
margin-bottom:15px;
position:relative;
}
.placeholder {
width:245px;
float:left;
position:relative;
margin-right:15px;
height:193px;
}
.media-info {
float:left;
width:240px;
}
.media-info h5 {
color:#00878a;
font:bold 12px/16px arial;
margin-bottom:10px;
}
.media-info p {
margin-bottom:10px;
font:12px/16px arial;
color:#666;
}
.media-info a {
background:url(//media.tripcentral.ca/style/images/agents/agent-play-button.png) no-repeat;
height:28px;
width:98px;
display:block;
color:#00878a;
text-align:center;
font:12px/28px arial;
text-decoration:none;
}
.media-info a:hover {text-decoration:underline;}

img.play {
position:absolute;
top:70px;
left:90px;
}

/* New Listing Styles */

#listing-info {
background:url(//media.tripcentral.ca/style/images/agents/bg-awbt-listing.png) no-repeat;
height:117px;
width:772px;
margin-bottom:15px;
}
#listing-info img{
float:left;
margin:6px 15px 0 13px;
}
#listing-info h2 {
color:#096b6e;
font:bold 14px/16px arial;
margin:0 0 5px 0;
padding-top:15px;
}
#listing-info p {
font:12px/16px arial;
color:#666;
width:550px;
margin-left:2px;
float:left;
}
#listing-info p a {color:#096b6e;}

#agent-search {
background:url(//media.tripcentral.ca/style/images/agents/bg-agent-search.png) no-repeat;
height:33px;
width:753px;
margin-bottom:15px;
padding:9px 0 0 15px;
}
#agent-search label {
color:#242220;
float:left;
padding-top:6px;
margin-right:5px;
}
#agent-search input.txt {
background:#fff url(//media.tripcentral.ca/style/images/agents/bg-input-shadow.png) repeat-x top;
float:left;
margin-right:8px;
border:1px solid #999;
width:300px;
color:#666;
padding:3px 0 3px 5px;
margin-top:1px;
}
#agent-search button {
background:url(//media.tripcentral.ca/style/images/agents/blue-search-button.png) no-repeat;
height:26px;
width:83px;
display:block;
text-align:center;
color:#fff;
font:12px/26px arial;
border:none;
cursor:pointer;
float:left;
}
#agent-search button:hover {background-position:bottom;}

#listing-table a:hover {color:#92060a;}

#listing-table table {
border:1px solid #dee1e2;
width:772px;
margin:15px 0 25px 0;
border-collapse:collapse;
}
#listing-table th {
font-weight:bold;
text-align:left;
line-height:30px;
}
#listing-table tr{line-height:22px;}
#listing-table tr.grey {background: #dee1e2;}
#listing-table td {text-align: left;}

#listing-table td a,
#listing-table th a{
color:#096b6e;
}
#listing-table th a.agentname,
#listing-table td a{
padding-left:20px;
}

p#showing {
font:bold 14px/16px arial;
color:#096b6e;
}
p#showing a {
font:12px/16px arial;
color:#096b6e;
margin-left:10px;
margin-bottom:10px;
}