/********************************************
 * AUTHOR		: Victor Julian Lipesik 
 * WEBSITE		: http://www.kairos-art.com/
 * TEMPLATE NAME: Belanja Audio User Interface
 * VERSION		: 1.0
 *******************************************/
 
 /* Other Service Container */
div.mainServicePan-left {float:left; width:12px; height:201px; background:url(images/bg-mainservice_left.png) no-repeat;}
div.mainServicePan-right {float:right; width:12px; height:201px; background:url(images/bg-mainservice_right.png) no-repeat;}
div.mainServicePan {float:left; width: 976px; height:201px; background:url(images/bg-mainservice.png) repeat-x;}
div.mainServicePan h2 {color:#266a9f; height:16px; padding:7px 5px; font-size:18px; margin-bottom:10px;}
div.mainServicePan div.content {width:190px; height:135px; padding:5px 10px 5px 15px; float:left; border-right:#aaa 1px solid;}
div.mainServicePan div.content h3 {color:#aaa; font-size:16px; margin-top:5px;}
div.mainServicePan div.content p.image img {width:185px;}
div.mainServicePan div.content p.description {font-size:12px;}
div.mainServicePan div.content p.description a {color:#266A9F; text-decoration:none; font-size:10px;}
div.mainServicePan div.content p.description a:hover {text-decoration:underline;}

div#ymChatPan {float:right; background:url(images/icon-chat.png) top right no-repeat; width:290px; height:150px; margin:-5px 0px; border-right:none;}
div#ymChatPan ul {margin:20px 0px 0px -15px; list-style-type:none; width:175px;}
div#ymChatPan ul li {margin-bottom:4px; width:230px;}
div#ymChatPan ul li p {text-align:center;}
div#ymChatPan ul li p.imageym {height:14px; float:left; margin-right:5px;}
div#ymChatPan ul li p.titleym {float:left;}
div#ymChatPan ul li p.titleym a {color:#777; text-decoration:none; font-size:14px; font-weight:bold;}
div#ymChatPan ul li p.titleym a:hover {text-decoration:underline;}
div#ymChatPan ul li p.description {clear:both; font-size:10px;}

div#otherServiceContainer h3.solutionTitle {position:relative; top:0px; left:5px; margin-top:10px;}
div#theSolutionPan {background:url(images/bg-solution.jpg) no-repeat; width:956px; height:239px; padding:5px; margin:-20px 0px 0px 30px;}
div.itemSolutionPan {float:left; width:450px; height:95px; margin:12px;}
div.itemSolutionPan p {margin:10px;}
div.itemSolutionPan p.image {float:left; width:75px; height:75px; border:1px solid;}
div.itemSolutionPan p.image img {width:75px; height:75px;}
div.itemSolutionPan p.title a {color:#1448E9; text-decoration:none; font-size:14px; font-weight:bold;}
div.itemSolutionPan p.title a:hover {text-decoration:underline;}

div#facebookPan {width:993px; height:43px; background:#3B5998 url(images/bg-facebook.jpg) left no-repeat; margin:10px 0px 12px 3px;}
div#facebookPan a {display:block; width:971px; height:32px; padding:5px 10px; text-decoration:none;}

/* User Interaction Container */
div#userInteractionContainer {position:relative; top:0px; left:0px;}

div#testimonialPan {float:left; width:590px;}
div#testimonialPan h3 {color:#1448E9; font-size:16px; font-weight:bold;}
div#testimonialPan marquee {height:150px;}
div#testimonialPan div.content {margin:10px; border:#CECECE 1px dashed; padding:5px;}
div#testimonialPan div.content span {color:#CECECE; font-size:14px;}

#frmTestimonial textarea {width:570px; height:80px;}
#frmTestimonial input.button {background-color:#FF9101; border:#F88811 2px solid; padding:2px 5px 2px 5px; color:#FFFFFF;}
#frmTestimonial input.button:hover {background-color:#F88811; border:#FF9101 2px solid;}

div#pollingPan {float:right; width:400px;}
div#pollingPan h3 {color:#1448E9; font-size:16px; font-weight:bold;}
div#pollingPan p.title {color:#F88811; font-size:14px; margin:10px 0px;}
div#pollingPan ul {list-style-type:none;}
div#pollingPan ul li {margin:5px 0px;}
div#pollingPan ul li label {margin:0px 0px 0px 5px;}
div#pollingPan p input.button {background-color:#FF9101; border:#F88811 2px solid; padding:2px 5px 2px 5px; color:#FFFFFF;}
div#pollingPan p input.button:hover {background-color:#F88811; border:#FF9101 2px solid;}

/* Statistic Container */
div#statisticContainer {background-color:#E0E0E0; padding:0px 5px 0px 5px;}
div#statisticContainer table {width:100%; margin:5px 0px 5px 0px;}
div#statisticContainer table tr th {text-align:center; padding:0px 5px 0px 5px; background-color:#CCCCCC;}
div#statisticContainer table tr td {text-align:center; padding:0px 5px 0px 5px;}
div#statisticContainer table tr th.statisticTitle {background-color:#373737; color:#FFFFFF; font-weight:bold; width:75px;}

/* Footer Container */
div#footerContainer {margin:20px auto; background:none;}
div#footerContainer p.softMenuPan {margin-left:150px; width:700px; color:#777777; text-align:center; line-height:20px;}
div#footerContainer p.softMenuPan a {color:#777777; text-decoration:underline;}
div#footerContainer p.softMenuPan a:hover {color:#1448E9;}

p.copyright {text-align:center;}