/**
 * @title       GUI Styles
 * @tree        #popin
 */

#popin {
    overflow:hidden;
    margin:30px auto 0 auto; padding-top:5px;
    width:415px; height:420px;
    z-index:1001;
}
#js #popin {
	position:absolute; left:50%;
	margin:0 0 0 -210px;
}
#popin .popinWrapper {
    padding-bottom:12px;
    background:url(/templates/oxya/popin/img/bg-popin-bottom.png) no-repeat 0 100%;
}
#popin .popinInner {
    position:relative;
    padding:15px;
    width:381px; min-height:243px;
    background:url(/templates/oxya/popin/img/bg-popin-top.png) no-repeat;
}
* html #popin .popinInner {
    height:243px;
}
a.closePopin {
    position:absolute; top:10px; right:10px;
    display:block;
    width:10px; height:11px;
}
a.closePopin:hover, a.closePopin:focus {
    text-decoration:underline;
}

/**
 * @section        Team
 * @tree           #team < #popin
 */
#teammate .visual {
    float:left;
    margin-right:10px; margin-bottom:10px;
}
#teammate ul {
    float:left;
    margin-bottom:10px;
    width:210px;
}
#teammate li {
    width:210px; height:auto;
}
#teammate ul a {
    font-weight:bold;
    text-decoration:none;
}
#teammate ul a:hover, #main ul a:focus {
    color:#284358;
    text-decoration:underline;
}
#teammate ul h2 {
    margin:0; padding:0;
    color:#85B00C;
}
#teammate .wholeDescription {
    clear:left;
    overflow:auto;
    padding-right:10px;
    width:370px; height:160px;
	text-align: justify;
}

/**
 * @section        Send to Friend
 * @tree           #sendFriend < #popin
 */
#sendFriend h2, #confirmation h2 {
    margin:0; padding:0;
    color:#85B00C;
    font-size:14px;
}
#sendFriend p {margin:0;}
#sendFriend p.required {
    float:right; 
    font-size:10px;
}
#sendFriend fieldset {clear:both;}
#sendFriend label {
    float:left;
    padding-left:5px; margin-top:4px;
    width:100px;
}
#sendFriend .text, #sendFriend .checkbox {
    height:30px;
}
#sendFriend .checkbox input {
    margin-top:5px;
}
#sendFriend .text input {
    width:150px;
}
#sendFriend .text .oneMoreField {
    color:#85B00C;
    font-size:16px; font-weight:bold;
    text-decoration:none;
}
#sendFriend .text .oneMoreField:hover, #sendFriend .text .oneMoreField:focus {color:#284358;}
#sendFriend textarea {
    width:250px; height:40px;
}
#sendFriend .actions .closePopin {
    position:static;
    float:right;
    width:auto;
    padding-right:10px;
}
#sendFriend .actions .send {
    float:right;
    padding:0 0 0 17px;
    width:83px; height:18px;
    background:url(/templates/oxya/img/bg/submit-form.png) no-repeat;          
}
#sendFriend .actions input{
    margin:0; padding:0; border:0;
    background:none;
    font-size:13px;
}
/**
 * @section         confirmation
 * @tree            #confirmation < #popin
 */
#popin #confirmation div {
    position:absolute;
    bottom:20px; right:0;
    height:auto; width:auto;
}
#popin #confirmation a.closePopin {
    padding:0;
    width:auto;
    background:none;
    white-space:nowrap;
}
/**
 *
 *
 */
#popin #legals div.articlebox {
    clear:left;
    overflow:auto;
    padding-right:10px;
    width:370px; height:370px;
}